title: How can I debug javascript contained in $(document).ready()?
body: <p>I'm trying to debug some js in the browser (Chrome specifically). How can I check what value is set for some_data and new_data? </p>
  
  <p>I realized due to variable scope being confined to functions, <code>some_data</code> and <code>new_data</code> don't exist after the document ready() was executed. </p>
  
  <pre><code>$(document).ready(function(){
     var some_data = [4, 8, 15, 16, 23, 42];
         var new_data = some_data * 2;
  });
  </code></pre>