输入包含在锚点中的文本

Question

我的输入类型文本包含在这样的锚中：

<a href='https://www.google.ba/?gws_rd=cr,ssl&ei=tIvlVYjiG8P9swHmzYfICw'>
    <input  id="email-field" name="Email" type="text" placeholder="Email">
</a>

我知道什么输入不允许作为锚的子元素，但如果可以处理，我需要处理这种情况。

在所有其他浏览器中，当我点击输入时，它会将我重定向到锚点href。只是对于IE，当我点击没有发生但文本输入没有聚焦时，我需要双击它才能输入。在我输入文本后，我无法用鼠标选择它。

我解决了使用下一个js行的其他浏览器的重定向：

jQuery("#email-field").on("click", function (e) { e.preventDefault();});

但它没有为IE解决任何问题。我仍然需要双击该字段才能输入，并且无法选择文本。

有没有解决方案。我也尝试使用focus（）这行，但它不起作用：

jQuery("#email-field").on("click", function (e) { e.preventDefault();jQuery(this).focus();});