title: event.preventDefault() function not working in IE
body: <p>Following is my JavaScript (mootools) code:</p>
  
  <pre class="lang-js prettyprint-override"><code>$('orderNowForm').addEvent('submit', function (event) {
      event.preventDefault();
      allFilled = false;
      $$(".required").each(function (inp) {
          if (inp.getValue() != '') {
              allFilled = true;
          }
      });
  
      if (!allFilled) {
          $$(".errormsg").setStyle('display', '');
          return;
      } else {
          $$('.defaultText').each(function (input) {
              if (input.getValue() == input.getAttribute('title')) {
                  input.setAttribute('value', '');
              }
          });
      }
  
      this.send({
          onSuccess: function () {
              $('page_1_table').setStyle('display', 'none');
              $('page_2_table').setStyle('display', 'none');
              $('page_3_table').setStyle('display', '');
          }
      });
  });
  </code></pre>
  
  <p>In all browsers except IE, this works fine. But in IE, this causes an error. I have IE8 so while using its JavaScript debugger, I found out that the <code>event</code> object does not have a <code>preventDefault</code> method which is causing the error and so the form is getting submitted. The method is supported in case of Firefox (which I found out using Firebug).</p>
  
  <p>Any Help?</p>