title: character does not get typed when input has keydown event listener and in debug mode
body: <p>I have an input with a keydown event listener.  I'm new at javascript/html so maybe its obvious but when I try it out in the browser every thing works. I type a character and I can see that my javascript ran and then I type another character and it works. But when I open the chrome developer tools and I put a break point in the event listener function then when I type something it does not appear in the input element after the event listener finished running. What is the reason for this?</p>
  
  <p>Here is my javascript:</p>
  
  <pre><code>$("#author").keydown(function(event) {
  
  });
  </code></pre>
  
  <p>and here is the html element:</p>
  
  <pre><code>&lt;input class="form-control" name="author" type="text" id="author"&gt;
  </code></pre>
  
  <p>So to try and explain it again: when I type a character (for example "m") in the input element then the letter "m" shows up in the input element. When I type another character, that one also shows up. Then I refresh the page. I open the chrome developer tools and put a break point on the event listener. I type in my keyboard "m", and the empty event listener runs and there is no indication on the page that I typed "m". It is not showing up in the input element. When I remove the debug point it works. I type a character and it shows up in the input element.</p>
  
  <p><a href="https://jsfiddle.net/o2gxgz9r/5285/" rel="nofollow noreferrer">Here</a> is a jsfiddle example. If you type into the input box it works. If you open the dev tools (at least in chrome) you type and continue the js interpreter nothing is typed.</p>