title: AJAX load external page div into current page
body: <p>I am trying to load a div from another page using AJAX but it seems to load the entire page into my div. I would like to just load a specific div.</p>
  
  <pre><code>$('.overlay').on('click', function() {
      var page_url = $(this).attr('href');
  
      $.ajax({
          url: page_url + ' #single_portfolio',
          dataType: 'html',
          success: function(data) {
              $('#overlay').html(data);
          }
      });
  
      return false;
  });
  </code></pre>
  
  <p>Please let me know what I am doing wrong.</p>