title: Loading Content Via Ajax
body: <p>Ok, so I'm pretty new to ajax and loading content externally and would appreciate any insight to my problem.</p>
  
  <p>I currently have a hidden div that is empty where the ajax content should load in after a link is clicked.</p>
  
  <pre><code>&lt;div id="#ajax-wrap"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I currently have a list of links that all have the same class and I'd like to have, when clicked, the blank div do a slide toggle and then load in the content from the page that the link was to. </p>
  
  <p>Link:</p>
  
  <pre><code>&lt;a href="always a different url" class="home-right"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Current jQuery:</p>
  
  <pre><code>$("a.home-right").click(function () {
  $('#ajax-wrap').slideToggle();
  });
  </code></pre>
  
  <p>Being as I'm new to Ajax and loading the external content, I'd like to know how to load content from the linked page that's house in the <code>#content</code> tag.  So essentially, I'd like a <code>.home-right</code> link, <code>#ajax-wrap</code> would slide toggle, and then Ajax would pull content from the linked page (which is always going to be a different random link) and it's <code>#content</code> div, placing that content in <code>#ajax-wrap</code>.</p>
  
  <p>Thanks in advance for any help folks!</p>