title: How to view jquery data() using Firefox/Firebug or other browser
body: <p>I usually use firebug to troubleshoot JavaScript.</p>
  
  <p>Other than inserting script like I did below, is there an easy way to view jQuery data() associated with an element using Firefox/Firebug?  I am open to other tools such as Chrome if necessary.</p>
  
  <pre><code>&lt;div id='foo' data-bar='hello'&gt;&lt;/div&gt;
  ...
  $('#foo').data('bar','goodby');
  ...
  console.log($('#foo').data('bar'));
  </code></pre>