title: Cannot open the same Jquery UI dialog using another DIV tag
body: <p>I've been trying to find a solution to allow me to open the same dialog box when a user doesn't have access to a particular site. I am only able to open the first DIV I assigned the ID to. </p>
  
  <p>You can view a live example of the working code here: <a href="http://jsfiddle.net/jTGCF/216/" rel="nofollow">http://jsfiddle.net/jTGCF/216/</a></p>
  
  <p>Only the first "open" button works but the second one doesn't.</p>
  
  <p>Example of HTML:</p>
  
  <pre><code>&lt;div id="content"&gt;
      &lt;a href="#open" id="open"&gt;Open dialog&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div id="content"&gt;
      &lt;a href="#open" id="open"&gt;Open dialog&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div id="ok-dialog"&gt;
      &lt;p&gt;It's Ok!&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The function:</p>
  
  <pre><code>$(function() {
      $('#open').click (function() {
          $('#ok-dialog').dialog ({
              modal: true,
              title: 'Ok!'
          });
      });
  });
  </code></pre>