title: console.log not working for jQuery?
body: <p>Here is my jQuery at the bottom of html page:</p>
  
  <pre><code>&lt;script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"&gt;
      $(document).ready(function () {
          $('#login').click(function() {
              var co_id = $('#companies').val();
              console.log(co_id); 
          });
      });
      &lt;/script&gt;
  </code></pre>
  
  <p>When I type this jQuery into the console, then type <code>co_id</code> it works, but when I run this in browser and choose a company and click the correct button, and I would assume when I type <code>co_id</code> into chrome browser console, it would show my option value? But it is coming back as:</p>
  
  <pre><code>&gt;co_id
  ReferenceError: co_id is not defined
  </code></pre>
  
  <p>Here is html:</p>
  
  <pre><code>&lt;select name="" id="companies"&gt;
      &lt;option value="--"&gt;--&lt;/option&gt;
      &lt;option value="1"&gt;Company&lt;/option&gt;
      &lt;option value="2"&gt;Company2&lt;/option&gt;
      &lt;option value="3"&gt;Company3&lt;/option&gt;
      &lt;option value="68"&gt;Company4&lt;/option&gt;
      &lt;option value="69"&gt;Company5&lt;/option&gt;
      &lt;option value="70"&gt;Company6&lt;/option&gt;
  &lt;/select&gt;&lt;input id="login" type="submit" value="Login"&gt;
  </code></pre>