title: Jquery and multiple AJAX calls on one page
body: <p>I have thumbnails on a page, as such:</p>
  
  <pre><code>&lt;div id="credits"&gt;
  &lt;a href="largeimage1.jpg" alt="credits1.php"&gt;&lt;img src="thumb1"&gt;&lt;/a&gt;
  &lt;a href="largeimage2.jpg" alt="credits2.php"&gt;&lt;img src="thumb2"&gt;&lt;/a&gt;
  &lt;a href="largeimage3.jpg" alt="credits3.php"&gt;&lt;img src="thumb3"&gt;&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div id="zoom"&gt;&lt;/div&gt;
  
  &lt;div id="credits"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I'm looking to do the following:</p>
  
  <ul>
  <li>user clicks thumb1 > largeimage1 loads in #zoom AND credits1.php loads in #credits</li>
  <li>user clicks thumb2 > largeimage2 loads in #zoom AND credits2.php loads in #credits</li>
  <li>etc.</li>
  </ul>
  
  <p>Is this possible with jquery?  ie. is it possible to make TWO (2) ajax calls on the same page with one click as in above?</p>
  
  <p>I currently have the following code working for the LARGE image ajax call:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function(){
      $("a").click(function(){
          var largePath = $(this).attr("href");
          $("#zoom img").fadeOut("slow", function() {
                  $(this).attr({ src: largePath }).fadeIn("slow");
          });
          return false;
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>and it works like a charm - but I now have a situation where I'd like to load up credits for the images in another div.</p>
  
  <p>Any help is greatly appreciated. :)</p>