title: How to make input autofocus in internet explorer?
body: <p>Please check out my JSFiddle</p>
  <p><a href="https://jsfiddle.net/WK2N3/1/" rel="nofollow noreferrer">https://jsfiddle.net/WK2N3/1/</a></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#searchbar {
  float: left;
  display: inline;
  background: #FFFFFF;
  height: 29px;
  width: 660px;
  border: 1px solid #bdbdbd;
  margin: 55px 0px 0px 10px;
  font-size : 17px;
  font-family : Georgia;
  font : 17px Georgia, Times, âTimes New Romanâ, serif;
  color : #333333;
  }
  
  #searchbar:focus {
  float: left;
  display: inline;
  background: #FFFFFF;
  height: 29px;
  width: 660px;
  border: 1px solid #2e9afe;
  margin: 55px 0px 0px 10px;
  font-size : 17px;
  font-family : Georgia;
  font : 17px Georgia, Times, âTimes New Romanâ, serif;
  color : #333333;
  -moz-box-shadow: 0 0 2px #2e9afe;
  -webkit-box-shadow: 0 0 2px#2e9afe;
  box-shadow: 0 0 2px #2e9afe;
  }
  
  input:focus {
  outline : none;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form&gt;&lt;input type="text" id="searchbar" autofocus="autofocus"/&gt;&lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>How can I make this on autofocus like it is for chrome, safari, opera and firefox for IE?</p>