title: jquery modal dialog onclick?
body: <p>I want this:</p>
  
  <p><a href="http://jqueryui.com/demos/dialog/#modal-message" rel="noreferrer">http://jqueryui.com/demos/dialog/#modal-message</a></p>
  
  <p>to happend when you click on ClickMe.</p>
  
  <p>how to do this?</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function() {
  $('div.thedialog').dialog({ autoOpen: false })
  $('#thelink').click(function(){ $('div.thedialog').dialog('open'); });
  }
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="thedialog" title="Download complete"&gt;
      &lt;p&gt;
          &lt;span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"&gt;&lt;/span&gt;
          Your files have downloaded successfully into the My Downloads folder.
      &lt;/p&gt;
      &lt;p&gt;
          Currently using &lt;b&gt;36% of your storage space&lt;/b&gt;.
      &lt;/p&gt;
  &lt;/div&gt;
  &lt;a href="#" id="thelink"&gt;Clickme&lt;/a&gt;
  </code></pre>
  
  <p>nothing happends</p>