how do i make .load work when i append a variable to the url?
<p>I want to append the clicked href to my url string of my .load method and load in a specific portion of the page i've called, unfortunatley when I append the variable a lot of elements seem to be duplicated on my page?</p>

<p>Basically I want my .load method to look like .load('http://localhost/folio1.html #inner');</p>

<p>But my current code loads in all of the folio1.html page:</p>

<p>Snippet from object wcd:</p>

<pre><code>instance.selectors.banner.load('http://localhost/'+url+'#inner');

$('a').on('click', function(e){
    var url = $(this).attr('href');
    wcd.toggleBanner(url);

    e.preventDefault();
  });
</code></pre>

<p>Can someone advise how I append the url variable to the .load url and only retrieve the content in #inner?</p>
