title: jQuery moving a div across the screen, bit by bit
body: <p>So I have this code:</p>
  
  <pre><code>$(document).ready(function() {
              $(document).keypress(function(e)
              {
                  switch(e.which)
                  {
                      // user presses the "a"
                      case 97:    $('#character').css('left','+=40');
                  }
              }
  }
  </code></pre>
  
  <p>The problem is that I can only press "a" once and #character moves only once...</p>
  
  <p>I also have jQuery draggable enabled (<a href="http://jqueryui.com/demos/draggable/" rel="nofollow noreferrer">http://jqueryui.com/demos/draggable/</a>) with a constrained area around it.</p>
  
  <p>How come I can only move the div once with keypress?</p>