Проверьте вход не пуст, если это делают другие входы требуется

Question

У меня есть два входа:

 <label>Nom de famille du père à la naissance</label><br> 
     <input type="text" name="11"><br> 
     <label>Prénom usuel du père</label><br> 
     <input type="text" name="12"><br> 

То, что я хочу сделать, что если один из двух входов не пусто, я хочу сделать они оба требуются. И я хочу, чтобы это было в режиме реального времени.

Вот мой JQuery:

jQuery(document).ready(function($){ 
//NOM PERE 
if($('[name="11"]').val() != ""){ 
    $('[name="11"]').prop('required', true); 
    $('[name="12"]').prop('required', true); 
} 
}); 

Я понятия не имею, почему ... это не работает ... Пожалуйста некоторую помощь

EDIT: я нашел мою проблему ... Я должен был сделать проверка только после того, как я нажимаю на кнопку отправки:

jQuery(document).ready(function($){ 
//NOM PERE 
$('#submit').click(function(e){ 
if($('[name="11"]').val() !== ""){ 
    $('[name="11"]').prop('required', true); 
    $('[name="12"]').prop('required', true); 
} 
}); 
}); 

Спасибо вам кстати ...

Answer 1

использование !== вместо != и его лучше использовать $(this)

jQuery(document).ready(function(){ 
//NOM PERE 
if($('[name="11"]').val() !== ""){ 
    $(this).prop('required', true); 
    $('[name="12"]').prop('required', true); 
} 
}); 

Answer 2

Использование is(':empty')

т.е.

if ($('[name="11"]').is(':empty')) 

---

для получения дополнительной информации см http://api.jquery.com/is/ и http://api.jquery.com/empty-selector/