title: Use Ajax() function in Jquery to load PART of an external page into div
body: <p>I'm trying to load a DIV element from an external page into my current page using the Ajax/jQuery.ajax function.  While I have successfully been able to load an entire external page, I can't seem to load <em>just</em> the DIV element.</p>
  
  <p><strong>Here's my code:</strong></p>
  
  <pre><code>$("a").click(function() {
    /* grabs URL from HREF attribute then adds an  */
    /* ID from the DIV I want to grab data from    */
    var myUrl = $(this).attr("href") + "#external-div";
    $.ajax( {
    url: myUrl,
    success: function(html) {
      /* loads external content into current div element */
      $("#current-div").append(html);
      }
    });
    return false;
  });
  </code></pre>
  
  <p>It grabs the HREF attribute without any trouble, but won't append "#external-div" to the URL.  Any ideas?</p>
  
  <p>Thanks much!</p>
  
  <p>~Jared Crossley</p>