title: Multiple Jquery dialogs on page using same classes
body: <p>I have multiple places on my page where I want to open a jquery dialog boxes when a link is clicked. I am using class selectors so in theory I should be able to open each of them. My problem is that with the code I have it will only open the first dialog I click. Why is this???    </p>
  
  <pre><code>    //modal help div
      $('.dialogbox').dialog({
                     modal:true,
                     autoOpen: false
                     });
      $(".modalhelp").click(function() {
  $('.dialogbox').dialog('open')
  </code></pre>
  
  <p>});</p>
  
  <p>The html:</p>
  
  <pre><code>&lt;a class="modalhelp" href="javascript:void[0]"&gt;&lt;img src="images/information.png" /&gt;&lt;/a&gt;
  &lt;div class="dialogbox" style="display:none" title="Information"&gt;Hello&lt;/div&gt;
  
  &lt;a class="modalhelp" href="javascript:void[0]"&gt;&lt;img src="images/information.png" /&gt;&lt;/a&gt;
  &lt;div class="dialogbox" style="display:none" title="Information"&gt;NO HELLO&lt;/div&gt;
  </code></pre>