title: Enter key doing nothing on input field
body: <p>I have an input below a slider that shows the value of the slider. When the slider is moved, the input shows a currency formatted figure. I also allow the user to enter a figure and the slider adjusts accordingly.</p>
  
  <p>All works perfectly other than the <code>enter</code> key cannot be used to activate the manual field changes.</p>
  
  <p>The following HTML shows the input sitting under a slider like this:</p>
  
  <pre><code>&lt;table class="transaction-calculations"&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td class="invoice-slider invoice"&gt;
                  &lt;input type="range" name="avg_tran_slider" class="wpcf7-form-control wpcf7-range form-control" id="avg_tran_slider" min="0" max="50000" value="150"&gt;&lt;br/&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td class="invoice-slider"&gt;
                  &lt;input type="text" id="avg_tran" class="slider-calculator-figure" value="$150.00"/&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I format its content with JS like this:</p>
  
  <pre><code>/** select input contents when activated **/
  jQuery("#avg_tran").focus(function() {
      jQuery(this).select();
  });
  
  /** set slider position from manually entered value **/
  jQuery("#avg_tran").blur(function() {
  
      monthly_invoice_value = jQuery(this).val();
      monthly_invoice_value = parseFloat(monthly_invoice_value.replace(/[^0-9-.]/g, ''));
  
      if(isNaN(monthly_invoice_value)) {
          jQuery("#avg_tran").val("$0.00");
          jQuery("#avg_tran_slider").val(0);
      } else {
  
          if(monthly_invoice_value &gt; 50000) {
              jQuery("#avg_tran").val("$50,000.00");
              jQuery("#avg_tran_slider").val(50000);          
          } else {
              jQuery("#avg_tran").val(formatMoney(monthly_invoice_value));
              jQuery("#avg_tran_slider").val(monthly_invoice_value);
          }
          calculateCosts();
      }
  });
  
  /** set input value from slider change **/
  jQuery("#avg_tran_slider").on("change mousemove", function() {
      monthly_invoice_value = jQuery(this).val();
      jQuery("#avg_tran").val(formatMoney(monthly_invoice_value));
      calculateCosts();
  });
  </code></pre>
  
  <p>Everything works perfectly other than you cannot hit <code>enter</code> when changing the field value manually as it will not "de-focus" the field and activate <code>blur</code> code.</p>
  
  <p>What am I missing (apart from a few marbles now!). Thanks!</p>