title: jQuery context menu etc
body: <p>Okay.. So I am doing some grid work and I have several functions being used.
  Everything is working except when I click a context menu it does not trigger an alert.
  After looking closer at the documentation. A "#Selector" should be used here instead of document... </p>
  
  <pre><code>// Show menu when #myDiv is clicked
              jQuery(document).contextMenu({
                  menu: 'myMenu'
              },
                  function(action, el, pos){      
                        alert('Action: ' + action + '\n\n');
              });
  </code></pre>
  
  <p>when i change </p>
  
  <pre><code>            jQuery(document).contextMenu({
  </code></pre>
  
  <p>to </p>
  
  <pre><code>// Show menu when #myDiv is clicked
              jQuery("#grid").contextMenu({
  </code></pre>
  
  <p>This will fire the selected context alert..But now when I generate a draggable container </p>
  
  <pre><code>jQuery("#grid").append("&lt;div id='container"+container+"' class='container' style='border: 2px solid black;width:100px;height:100px;position: absolute !important;left:100px;top:"+Math.floor(Math.random()*601)+"px'&gt;&lt;p style='background-color:lightblue;margin:0px'&gt;------&lt;span style='background-color:white'&gt;"+container+"&lt;/span&gt;------&lt;/p&gt;&lt;br/&gt;a&lt;/div&gt;");   
  jQuery('#debug_container').html('Container Added'); 
  jQuery('.container').draggable({handle: 'p',grid: [ 8,8 ],
                             containment: "#grid",
                             drag: function() {
                                      var currentID = jQuery(this).attr('id').substr(9, 1);        
                                      setContainer(currentID);                               
                                  }                   
                            });       
  </code></pre>
  
  <p>It will not let it go ondrop...
  The original will allow the drop but won't alert.
  I would like both..</p>
  
  <p>As always, any help much appreciated.</p>