title: Dialog box on click of table row
body: <p>I am having a table in html I want that on click of a row a dialog box appears and for updating my database i made an ajax call somewhat like this : </p>
  
  <pre><code>$(document).ready(function() {
  $('.myrow').click(function ()
      {
          $("#dialog").dialog({
              autoOpen: false,
              modal: true,
              width: 600,
              height: 300,
                              resizable: false,
              buttons: {
                  "Yeah!": function() {
                      $(this).dialog("close");
                  },
                  "Sure, Why Not": function() {
                      $(this).dialog("close");
                  }
                              }
          });
  
          $.ajax({
  
              type: "post",
              url: "shownotification.jsp", 
              data: {
                  notifyidd: $(this).attr("id")
  
  
              },
              error : function(){ 
                  alert('Error'); 
              },
              success: function(msg){      
  
                      alert('Success'); 
  
              }
  
          });
      });
  });
  </code></pre>
  
  <p>But the dialog box is not appearing.Please help.</p>
  
  <p>In html i had made a divison for dialog box : </p>
  
  <pre><code>&lt;div id="dialog"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I also included required js and css files.</p>
  
  <pre><code>&lt;link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/ui-darkness/jquery-ui.css" rel="stylesheet"&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>But still no success.Please help</p>