title: How to open popup with jquery
body: <p>I am try open a popup with jquery but popup not open i can't understand where am i wrong? please help me.</p>
  
  <p><strong>Scripts</strong></p>
  
  <pre><code>&lt;script src="jquery-1.11.3.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $("#OpenDialog").click(function () {
              $("#dialog").dialog({modal: true, height: 590, width: 1005 });
          });
      });
  </code></pre>
  
  <p></p>
  
  <p><strong>css</strong></p>
  
  <pre><code>#dialog{display:none; width:800px; border:1px solid #000; border-radius:4px;}
      p{clear:both; background:blue; color:#fff; font-size:16px; padding:8px;}
  </code></pre>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;a id="OpenDialog" href="#"&gt;Click here to open dialog&lt;/a&gt;
  &lt;div id="dialog" title="Dialog Title"&gt;
      &lt;p&gt;test&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>..</p>