title: multiple jQuery simple modal boxes
body: <p>How would you utilize the jQuery simple modal box, for multiple instances on one page, with unique content for each description??</p>
  
  <p>Would I use the <code>.this</code> function?</p>
  
  <p><strong>html:</strong></p>
  
  <pre><code>    &lt;div id='class-descriptions'&gt;
        &lt;a href='#' class='basic'&gt;Description 1&lt;/a&gt;
        &lt;a href='#' class='basic'&gt;Description 2&lt;/a&gt;
        &lt;a href='#' class='basic'&gt;Description 3&lt;/a&gt;
        &lt;a href='#' class='basic'&gt;Description 4&lt;/a&gt;
      &lt;/div&gt;
  
  &lt;div id="description1"&gt;description 1 content&lt;/div&gt;
  &lt;div id="description1"&gt;description 2 content&lt;/div&gt;
  &lt;div id="description1"&gt;description 3 content&lt;/div&gt;
  &lt;div id="description1"&gt;description 4 content&lt;/div&gt;
  </code></pre>
  
  <p><strong>js:</strong></p>
  
  <pre><code>jQuery(function ($) {
      // Load dialog on page load
      //$('#description').modal();
  
      // Load dialog on click
      $('#class-descriptions .class').click(function (e) {
          $('#description1').modal();
  
          return false;
      });
  });
  </code></pre>