title: jQuery ajax load content of a div on another page does not work
body: <p>Isn't the jQuery's ajax support the loading of a content from another page? I am fine by using the <code>.load</code>, but just curious why?</p>
  
  <p>For example: </p>
  
  <pre><code>var ajaxModal = $('&lt;div /&gt;', {
          'class': 'ajax-modal'
      }),
      $data = $(link).data(),
      options = {
        url: $(link).prop('href') + ' ' + $data.target
      };
  
  ajaxModal.load(options.url, function() {
      ajaxModal.appendTo('body').show(); // works
  });
  
  $.ajax(options).done(function (data) {
      ajaxModal.html(data).appendTo('body').show(); // doesn't work
  });
  </code></pre>