title: How do you produce a dialog box on hover over checkbox via jQuery
body: <p>Since I don't know much about jQuery I have am not being able to produce a dialog box on hover over a checkbox. Any suggestion would be helpful. Below is my code:</p>
  <pre><code>&lt;input type=&quot;checkbox&quot; id=&quot;employee-id&quot; name=&quot;employeeId&quot; onmouseover=&quot;produceDialog()&quot;&gt;
  &lt;div id=&quot;employee-info-div&quot;&gt;&lt;/div&gt;
  </code></pre>
  <p>Similarly my jQuery is:</p>
  <pre><code>produceDialog(){
       $(&quot;employee-info-div&quot;).dialog({
          open : function ( event, ui ) {
  
              $(&quot;.ui-dialog-titlebar-close&quot;).hide();
          },
          dialogClass : 'fixed-dialog',
          resizable : false,
          height : 150,
          width : 250,
          modal : false,
          create : function ( event ) {
  
              $(event.target).parent().css('position', 'fixed');
          },
        
      });
  </code></pre>
  <p>}</p>