title: Is there a way to view jQuery DOM.data() in the developer tools?
body: <p>Lets say I have a jQuery object to which I have attached a js object as data, like so:</p>
  
  <pre><code>var myObj = {
      fname: 'Tom',
      lname: 'Sawyer',
      age:   12
  };
  $('#myelement').data('myObj',myObj);
  </code></pre>
  
  <p>Is there a convenient way to view <code>myObj</code> in the debug tools provided with Chrome or Firefox? One way I could do it would be to write it to the console within the javascript:</p>
  
  <pre><code>console.debug({myObj:$('#myelement').data('myObj')})
  </code></pre>
  
  <p>But maybe there is already a mechanism inside these already rich tools that let's me see this data without having to insert extra code?</p>
  
  <p>It's somehow associated with the DOM element, but where exactly is it stored? I've hunted around inside the tool in Chrome including looking under the 'Resources' tab where it has 'Local Storage' etc.</p>