title: CasperJS fails to set select list values
body: <p>I've got a select list that looks like this:</p>
  
  <pre><code>&lt;select id="ListingType" name="Criteria/ListingTypeID" onchange="Search.toggleListingType(this);"&gt;
      &lt;option selected="selected" value="1"&gt;RH1&lt;/option&gt;
      &lt;option value="2"&gt;BC4&lt;/option&gt;
      &lt;option value="3"&gt;RR3&lt;/option&gt;
      &lt;option value="4"&gt;RH2&lt;/option&gt;
      &lt;option value="5"&gt;RE0&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I'm trying to set the value to 3.  I've unsuccessfully tried 3 ways to do this.</p>
  
  <p>1.</p>
  
  <pre><code>this.evaluate(function(value) {
      document.querySelector('select#ListingType').value = value;
      return true;
  }, '3');
  // insure the onChange JS is run
  this.evaluate(function() {
      var element = document.querySelector('select#ListingType');
      var evt = document.createEvent('HTMLEvents');
      evt.initEvent('change', false, true);
      element.dispatchEvent(evt);
  });
  </code></pre>
  
  <p>This appears to work (throws no errors), but the value doesn't get changed.</p>
  
  <p>2.</p>
  
  <pre><code>this.fillSelectors('select#ListingType', {
      'select[name="Criteria/ListingTypeID"]' :  "3"
  }, true);
  </code></pre>
  
  <p>This throws the error message:  ``CasperError: Errors encountered while filling form: no field matching css selector "select[name="Criteria/ListingTypeID"]" in form''</p>
  
  <p>What's wrong with my selector?</p>
  
  <p>3.</p>
  
  <pre><code>// In desperation...
  this.sendKeys('select#ListingType', 'RR3');
  </code></pre>
  
  <p>This also seems to work (no errors), but again the value is unchanged.</p>
  
  <p>Just for completeness, I've tried sending the "change" event after each of the variations.  I also dump out the attributes of the selected element after each, and it never shows the value as being set.</p>
  
  <p>Note the page that this selector is on has a ton of JS code on it, and this &lt;select&gt; element is not wrapped in a &lt;form&gt; element.</p>
  
  <p>I'm sure I'm making some really stupid mistake, but after hacking on this code for the last several days, I've not made any progress.  What's a working way to do this?</p>