title: button won't work in IE 11
body: <p>I'm having trouble with the button on my form not working in IE 11.</p>
  
  <p>You can view the page at brandinfluencegroup.com/test</p>
  
  <p>I have created the form based on this script <a href="http://www.html-form-guide.com/contact-form/contact-form-attachment.html" rel="nofollow noreferrer">http://www.html-form-guide.com/contact-form/contact-form-attachment.html</a> </p>
  
  <p>It also uses styling for the file field which I used one of the suggestions I found here <a href="https://stackoverflow.com/questions/11235206/twitter-bootstrap-form-file-element-upload-button">Twitter Bootstrap Form File Element upload button</a></p>
  
  <p>My code below:</p>
  
  <pre><code>&lt;?PHP
  require_once("./include/fgcontactform.php");
  
  $formproc = new FGContactForm();
  
  $formproc-&gt;AddRecipient('email@email.com.au'); //&lt;&lt;---Put your email address here
  
  $formproc-&gt;SetFormRandomKey('HG9hPBpn9Bn26yg');
  
  $formproc-&gt;AddFileUploadField('file','pdf,doc,pages,jpg,jpeg,gif,png,bmp',6024);
  
  if(isset($_POST['submitted']))
  {
     if($formproc-&gt;ProcessForm())
     {
          $formproc-&gt;RedirectToURL("thank-you.php");
     }
  }
  
  ?&gt;
  &lt;!doctype html&gt;
  &lt;html class="no-js" lang="en"&gt;
  &lt;head&gt;
  
  &lt;!-- ========== PAGE TITLE ========== --&gt;
  &lt;title&gt;BIG | Brand Influence Group&lt;/title&gt;
  
  &lt;!-- ========== META TAGS ========== --&gt;
  &lt;meta name="description" content="Brand Influence Group - BIG on you"&gt;
  &lt;meta name="keywords" content="BIG, brand, influence, group"&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta name="author" content="ThemesEase"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
  
  &lt;!-- ========== VIEWPORT META ========== --&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /&gt;
  
  &lt;!-- ========== FAVICON &amp; APPLE ICONS ========== --&gt;
  &lt;link rel="shortcut icon" href="images/favicon.png"&gt;
  &lt;link rel="apple-touch-icon" href="images/apple-touch-icon.png"&gt;
  
  &lt;!-- ========== GOOGLE FONTS ========== --&gt;
  &lt;link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100" rel='stylesheet' type='text/css'&gt;
  &lt;link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' type='text/css'&gt;
  
  &lt;!-- ========== MINIFIED VENDOR CSS ========== --&gt;
  
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" href="dist/css/bootstrap-select.css"&gt;
  &lt;link rel="stylesheet" href="styles/vendor.css"&gt;
  &lt;link rel="stylesheet" href="styles/main.css"&gt;
  &lt;link rel="stylesheet" href="styles/custom.css"&gt;
  
  &lt;!-- ========== MODERNIZR ========== --&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="dist/js/bootstrap-select.js"&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='scripts/gen_validatorv31.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='scripts/fg_captcha_validator.js'&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body class="dark-header animation"&gt;
  &lt;form class="notify-div" id='contactus' action='&lt;?php echo $formproc-&gt;GetSelfScript(); ?&gt;' method='post' enctype="multipart/form-data" accept-charset='UTF-8'&gt;
    &lt;input type='hidden' name='submitted' id='submitted' value='1'/&gt;
    &lt;input type='hidden' name='&lt;?php echo $formproc-&gt;GetFormIDInputName(); ?&gt;' value='&lt;?php echo $formproc-&gt;GetFormIDInputValue(); ?&gt;'/&gt;
    &lt;input type='text'  class='spmhidip' name='&lt;?php echo $formproc-&gt;GetSpamTrapInputName(); ?&gt;' /&gt;
    &lt;div&gt;&lt;span class='error'&gt;&lt;?php echo $formproc-&gt;GetErrorMessage(); ?&gt;&lt;/span&gt;&lt;span id='contactus_name_errorloc' class='error'&gt;&lt;/span&gt;&lt;span id='contactus_email_errorloc' class='error'&gt;&lt;/span&gt;&lt;/div&gt;
    &lt;input type="text" name="name" placeholder="Name"/&gt;
    &lt;input type="email" name="email" placeholder="Enter your email"/&gt;
    &lt;select name="message" class="selectpicker" data-hide-disabled="true" data-size="10"&gt;
      &lt;option selected value="I want to..."&gt;I want to...&lt;/option&gt;
      &lt;option value="Apply for a position in Brand Activation"&gt;Apply for a position in Brand Activation&lt;/option&gt;
      &lt;option value="Apply for a position as Influencer"&gt;Apply for a position as Influencer&lt;/option&gt;
      &lt;option value="Apply for a position as Account Executive"&gt;Apply for a position as Account Executive&lt;/option&gt;
      &lt;option value="Apply for a position as Account Manager"&gt;Apply for a position as Account Manager&lt;/option&gt;
      &lt;option value="Apply for a position as Accountant"&gt;Apply for a position as Accountant&lt;/option&gt;
      &lt;option value="Apply for a position as Weekend warrior"&gt;Apply for a position as Weekend warrior&lt;/option&gt;
      &lt;option value="Apply for a position as Cricket Coach"&gt;Apply for a position as Cricket Coach&lt;/option&gt;
      &lt;option value="Apply for a position as Intern"&gt;Apply for a position as Intern&lt;/option&gt;
      &lt;option value="Other..."&gt;Other...&lt;/option&gt;
    &lt;/select&gt;
    &lt;/span&gt;&lt;span&gt;&lt;input class="btn btn-primary" type="button" value="Upload your cv..." onclick="$(this).parent().find('input[type=file]').click();"/&gt;
    &lt;input  type="file"  name="file" id="file" style="visibility:hidden; width: 1px;" onchange="$(this).parent().find('span').html($(this).val().replace('C:\\fakepath\\', ''))"  /&gt;
    &lt;span  class="badge badge-important" &gt;&lt;/span&gt;&lt;/span&gt;
    &lt;button type="image" class="sr-btn white-btn" id="submit" name="submit" value="Send"&gt;&lt;span class="bold"&gt;Say&lt;/span&gt; &lt;span class="italic"&gt;hello&lt;/span&gt;&lt;/button&gt;
  &lt;/form&gt;
  &lt;script type='text/javascript'&gt;
  // &lt;![CDATA[
  
      var frmvalidator  = new Validator("contactus");
      frmvalidator.EnableOnPageErrorDisplay();
      frmvalidator.EnableMsgsTogether();
      frmvalidator.addValidation("name","req","Please provide your name");
  
      frmvalidator.addValidation("email","req","Please provide your email address");
  
      frmvalidator.addValidation("email","email","Please provide a valid email address");
  
      frmvalidator.addValidation("message","maxlen=6048","The message is too long!(more than 2KB!)");
  
      frmvalidator.addValidation("file","file_extn=jpg;jpeg;gif;png;bmp","Upload images only. Supported file types are: jpg,gif,png,bmp");
  // ]]&gt;
  &lt;/script&gt; &lt;br/&gt;
  &lt;br/&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- end row --&gt;
  
  &lt;/div&gt;
  &lt;!-- end container --&gt;
  &lt;/section&gt;
  &lt;!-- end section --&gt; 
  
  &lt;!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --&gt; 
  &lt;script&gt;
              // (function(b, o, i, l, e, r) {
              //  b.GoogleAnalyticsObject = l;
              //  b[l] || (b[l] =
              //      function() {
              //          (b[l].q = b[l].q || []).push(arguments)
              //      });
              //  b[l].l = +new Date;
              //  e = o.createElement(i);
              //  r = o.getElementsByTagName(i)[0];
              //  e.src = 'https://www.google-analytics.com/analytics.js';
              //  r.parentNode.insertBefore(e, r)
              // }(window, document, 'script', 'ga'));
              // ga('create', 'UA-XXXXX-X');
              // ga('send', 'pageview');
          &lt;/script&gt; 
  &lt;script src="scripts/vendor.js"&gt;&lt;/script&gt; 
  &lt;script src="scripts/main.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>