title: Input text wrapped in an anchor
body: <p>I have input type text wrapped in an anchor like this:</p>
  
  <pre><code>&lt;a href='https://www.google.ba/?gws_rd=cr,ssl&amp;ei=tIvlVYjiG8P9swHmzYfICw'&gt;
      &lt;input  id="email-field" name="Email" type="text" placeholder="Email"&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>I know what input is not allowed as child element of an anchor, but I need to handle this case if it is possible to be handled.</p>
  
  <p>In all other browsers when i click on the input it redirects me to the anchor href. Just for IE, when I click nothing happened but text input is not focused, I need to double click on it to be able to type. And after I type the text I am not able to select it with mouse.</p>
  
  <p>I resolved redirects for another browsers with next js line:</p>
  
  <pre><code>jQuery("#email-field").on("click", function (e) { e.preventDefault();});
  </code></pre>
  
  <p>But it doesn't resolve anything for IE. I still need to double click on the field to be able to type and cannot select the text.</p>
  
  <p>Is there any solution for this. I also tried this line with focus(), but it doesn't work:</p>
  
  <pre><code>jQuery("#email-field").on("click", function (e) { e.preventDefault();jQuery(this).focus();});
  </code></pre>