title: TypeError: <Array>.each is not a function
body: <p>I have three references to three drop downs on my page, and as each one is changed, I want to run a JavaScript function called <code>validateForm();</code></p>
  
  <p>My code is below:</p>
  
  <pre><code>jQuery(document).ready(function() {
  
      var drpSupplier         = document.getElementById('supplier');
      var drpChargeRate       = document.getElementById('formElementChargeRate');
      var drpIDSEmail         = document.getElementById('formElementEmailIDS');
      var formLevel2DDs       = new Array();
  
      formLevel2DDs.push(drpSupplier);
      formLevel2DDs.push(drpChargeRate);
      formLevel2DDs.push(drpIDSEmail);
  
      formLevel2DDs.each(function() {
          $(this).change(function() {
              validateForm()
          });
      });
  });
  </code></pre>
  
  <p>But this code is giving me the error:</p>
  
  <blockquote>
    <p>TypeError: formLevel2DDs.each is not a function</p>
  </blockquote>
  
  <p>I am using jQuery version 1.8.3 (it is a legacy system).</p>