title: Creating a div and adding it to the page via Greasemonkey and jQuery
body: <p>I'm new to working with Greasemonkey and jQuery and I need to add a settings panel to the current page, when an image is clicked.</p>
  
  <p>Can someone give me an example of how to create a div via jQuery, then add it to the current page, absolutely positioned over the other elements?</p>
  
  <p>Here's some of the test code I'm working with, somewhat blindly to the methods involved.</p>
  
  <pre><code>var settingsDiv = '&lt;div style="position:absolute;bottom:0;width:500px;padding:0;" id="kwdHelpInfo"&gt;This is the div that I want to add to the page&lt;/div&gt;';
  
  //the #kwdHelp element is an image file already in the document. When its clicked, I want to show the settingsDiv...
  
  jQuery('#kwdHelp').live('click',function(){
      //alert('clicked show help');
      //var newcell = jQuery(settingsDiv);
      //jQuery(newcell).show();
  });
  </code></pre>