Проблема селектора JQuery в IE7 для тега ввода

Question

У меня есть пара форм с разными идентификаторами, но с одинаковыми именами ввода и идентификаторами. Например:

<form id="form1>
    <input name="email" id="email" value="test@test.com"/>
     ..... 
</form>
<form id="form2>
    <input name="email" id="email" value="test@test.com"/>
     ..... 
</form>

И в моей функции готовности Jquery у меня есть код ниже. Это прекрасно работает в FireFox, Chrome, но не в IE7. Это функция оповещения, показывающая значение электронной почты как «test@test.com» в FireFox, Chrome, но IE7 отображается как «неопределенный». Есть предложения?

  $(document).ready(function() { 
        alert($("#form1 #emailAddress").val());
    });

Answer 1

Дублирующиеся идентификаторы недействительны, и я бы не стал рассчитывать на какую-либо фильтрацию селекторов для работы в текущей, прошлой или будущей версиях jQuery. У этих элементов не должно быть идентификаторов, и они должны быть выбраны по имени.

например:

$('#form1 [name=email]')
$('#form2 [name=email]')

Answer 2

$(document).ready(function() { 
      alert($("#email","#form1").val());
 });

Проверьте этот код

Answer 3

видя, что ваше имя и идентификатор ввода просто "email" .... и в вашем селекторе у вас есть emailAddress ... который даст вам неопределенное значение.

Попробуйте что-то вроде

$(document).ready(function() {          
alert($("#form1>#email").val());     
});