código página1.html:

 <script class="scriptthis"> some code </script> <div id="content"> <div class="card"></div> <div class="card"></div> <div class="card"></div> <div class="card"></div> </div> <button id="load-more">Load More Button</button> <script> $( "#load-more" ).click(function() { $('script... or near').load('page2.html... script code or script $('#content').load('page2.html... content }); </script>

página de código2.html:

 <script class="scriptthis"> some code another </script> <div id="content"> <div class="card"></div> <div class="card"></div> <div class="card"></div> <div class="card"></div> </div>

¿Cómo cargar el código de la página 2 en la página 1 cuando se hace clic en el botón? Guión a guión o cerca - es el principal problema. y contenido hasta el final #content div

Por favor ayuda con una solución de trabajo.