title: jQuery IE9: Unable to get value of the property 'val': object is null or undefined
body: <p>I get this error in IE9, pointing to the line <code>return self.subQuantity.val();</code> in the snippet below. What could cause this?</p>
  
  <p>I should add this works perfectly in FF.</p>
  
  <p>Partial function:</p>
  
  <pre><code>$(document).ready(function() {
      plan = (function() {
          var plan = {
              subQuantity: $('.downgrade .count'),
  ...
  
  init: function(productCatalog) {
                  this.prod = productCatalog;
                  this.reset();
                  self = this;
  
                  this.fetchButton.bind('click', function(e) {
                      self.fetchScenarii();
                      return false;
                  }).filter(function() {
                      return self.subQuantity.val();
                  })
              }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="downgrade"&gt;
  ...
  &lt;input type="count" name="count" /&gt;
  ...
  &lt;/div&gt;
  </code></pre>