title: Javascript change event not firing in cucumber test
body: <p>I have two text fields, date and time which have a class 'date-time-field', and a hidden field datetime.  I am trying to use javascript to combine the two whenever either date or time is changed, and store that in the datetime hidden field.  Here is the javascript (converted from coffeescript):</p>
  
  <pre><code>$('.date-time-field').change(function() {
    var date, time;
    date = $('#date').val();
    time = $('#time').val();
    return $('#start_time').val(date + " " + time);
  });
  </code></pre>
  
  <p>My cucumber test has the @javascript tag so that it will run in the Firefox window.  It passes as long as I keep the focus on the Firefox window that the test opens, however if I move the focus to another window I have open it fails as the change event doesn't fire. I'm worried that this will reproduce in production if a user does something weird.  </p>
  
  <p>The step definition is filling in a form:</p>
  
  <pre><code>When /^I create a valid event$/ do
    fill_in :name, :with =&gt; "Blackbeard's modest event for modest folk"
    select Tier.first.number.to_s, :from =&gt; 'event_tier_id'
    select Venue.first.name, :from =&gt; 'event_venue_id'
    fill_in 'date', :with =&gt; "05/03/2012"
    fill_in 'time', :with =&gt; " 08:45"
    click_button 'Save'      
  end
  </code></pre>
  
  <p>Should I be using another event like blur, maybe in addition to change, or is it a non-issue for production and I should just put a wait_for call in my test?</p>