title: How do I know which element was clicked in context menus?
body: <p>We develop extensions for Chrome, Firefox and Safari. We want to add context menus to our extensions that will show when right clicking on any form element which is editable. I tried to add an editable context menu to Chrome:</p>
  
  <pre><code>chrome.contextMenus.create({
      "title": "Test editable menu item",
      "contexts": ["editable"],
      "onclick": function(info, tab) {
          console.log("item " + info.menuItemId + " was clicked");
          console.log("info: " + JSON.stringify(info));
          console.log("tab: " + JSON.stringify(tab));
      }
  });
  </code></pre>
  
  <p>But I need to know which element the user clicked on, and <code>info</code> and <code>tab</code> don't contain the element. How do I know which element the user clicked? I would like to have a jQuery object containing the element.</p>
  
  <p>The <code>info</code> object contains the following attributes:</p>
  
  <pre><code>"editable": true
  "menuItemId"
  "pageUrl"
  </code></pre>