title: How to display Custom Dialog box on button click
body: <p>I want my custom dialog box to load on button click but that's not happening.I am using the dialog box on this webpage.</p>
  
  <p><a href="http://jqueryui.com/dialog/#default" rel="nofollow">http://jqueryui.com/dialog/#default</a></p>
  
  <p>here is my code..</p>
  
  <pre><code>      function click(){
        $(function() {
             $( "#dialog" ).dialog({
              width : 250,
              height: 180,
              modal : true
              });
              });
             }
  
  
       &lt;div&gt;
      &lt;button type="button" id="put" onclick="click()"&gt;Insert data&lt;/button&gt;
       &lt;/div&gt;
  </code></pre>
  
  <p>The above code is not working..Please help...</p>