title: jquery ui dialog won't open
body: <p>I'm trying to open a Jquery UI dialog box after the user clicks on an anchor link.</p>
  
  <p>I'm using Jquery 1.5.2 and UI 1.8.11 and am getting no error messages. I am following the example on this page: <a href="http://jqueryui.com/demos/dialog/#modal-form" rel="nofollow">jquery ui dialog documentation</a></p>
  
  <p>My JS:</p>
  
  <pre><code>$(document).ready(function() {
    $('#payTypeOptions').dialog({
      autoOpen: false,
      height:600,
      width: 600,
      modal: true
  });
  
    $('#showPayTypeOptions').click(function(){
      $('#payTypeOptions').dialog('open');
      //If I put an alert() here, the alert shows
    });
  
  });
  </code></pre>
  
  <p>The HTML:</p>
  
  <pre><code>&lt;a id="showPayTypeOptions"&gt;Do something&lt;/a&gt;
  
  &lt;div id="payTypeOptions"&gt;
   &lt;p&gt;Content&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks.</p>
  
  <p><em>Edit: There was nothing wrong with the code. It was user error in the import process - doh!</em></p>