title: firebug and chrome console both have disappearing console.log messages
body: <p>I am writing my first site from scratch - I have a form and a function that acts when the form is submitted:</p>
  
  <p>application.js</p>
  
  <pre><code>$(document).ready(function() {
      $("#signupform").submit(function(e) {
          var name = document.getElementById("pname").value;
          var email = document.getElementById("email").value;
          var userArray = [];
          var user = {
              name: name,
              email: email
          };
          console.log(user.email, user.name);
          e.preventDefault;
      });
  });
  </code></pre>
  
  <p>The message gets logged to the console correctly...but it is only a blip - it disappears right away. Also...any errors I was getting while writing the above code also only showed up as short blips in the console. Just barely long enough to read.</p>
  
  <p>Here is my index.html file...incase it is relevant:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;it IT&lt;/title&gt;
    &lt;link rel="stylesheet" type="text/css" href="application.css" /&gt;
    &lt;script src="jquery.js"&gt;&lt;/script&gt; 
    &lt;script src="application.js"&gt;&lt;/script&gt;
    &lt;!--[if lt IE 9]&gt;
    &lt;script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;
    &lt;![endif]--&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;h1&gt;it IT&lt;/h1&gt;
      &lt;div id="signup"&gt;
          &lt;form id="signupform"&gt;
              Name: &lt;input type="text" name="pname" id="pname"&gt;&lt;br&gt;
              Email: &lt;input type="text" name="email" id="email"&gt;&lt;br&gt;
              &lt;input type="submit" value="sign up"&gt;
          &lt;/form&gt;
      &lt;/div&gt;
      &lt;div id="signin"&gt;&lt;/div&gt;
      &lt;div id="content"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>