title: Specified page content gets repeated when using Ajax to only reload a section of page
body: <p>I'm developing a laravel application with a sidebar and to not reload the whole page when a user clicks on a link I have used this <strong><em>script</em></strong>.</p>
  
  <pre><code>&lt;script&gt;
      $('document').ready(function(){
  
        $('.nav-link').click(function (event) {
          // Avoid the link click from loading a new page
          event.preventDefault();
  
          // Load the content from the link's href attribute
          $('.container-fluid').load($(this).attr('href'));
      })
  
      });
  
   &lt;/script&gt;
  </code></pre>
  
  <p><hr>
  and this is the <strong>HTML</strong></p>
  
  <pre><code>  &lt;a class="nav-link" href="/test"&gt;
   &lt;!-- Content Wrapper. Contains page content --&gt;
    &lt;div class="content-wrapper"&gt;
      &lt;!-- Content Header (Page header) --&gt;
      &lt;div class="content-header"&gt;
        &lt;div class="container-fluid"&gt;
        &lt;/div&gt;&lt;!-- /.container-fluid --&gt;
      &lt;/div&gt;
      &lt;!-- /.content-header --&gt;
  
      &lt;!-- Main content --&gt;
      &lt;div class="content"&gt;
        &lt;div class="container-fluid"&gt;
  
  
  
        &lt;/div&gt;&lt;!-- /.container-fluid --&gt;
      &lt;/div&gt;
      &lt;!-- /.content --&gt;
    &lt;/div&gt;
    &lt;!-- /.content-wrapper --&gt;
  </code></pre>
  
  <p>This is the page content that the <strong>/test</strong> contains </p>
  
  <blockquote>
  <pre><code>  this is for testing purposes only
  </code></pre>
  </blockquote>
  
  <p>That line gets repeated multiple times. <br>
  I have looked around for many workarounds and looked into laravel render but I couldn't make that work.</p>