радиокнопка не работает во всплывающем окне jquery

Question

Я хочу создать всплывающее окно полноэкранного jquery и поместить в него радиокнопку.

У меня есть код, который отлично работает, но не для этого переключателя!

пожалуйста, проверьте мой код здесь sample code

всплывающее окно отлично работает, но после первого нажатия на кнопку радио, все радио кнопки будут заблокированы. Может ли рассказать мне об этой проблеме? Того

HTML код:

<div class="button"><a href="#"> 
<img class="btn-open" src="http://ec.l.thumbs.canstockphoto.com/canstock13758850.jpg" alt=""> 
<img class="btn-close" src="http://ec.l.thumbs.canstockphoto.com/canstock13758850.jpg" alt=""></a> </div> 

<div class="overlay"> 
<div class="wrap"> 
<ul class="wrap-nav"> 
<li> 
    <h2> hello everyone!</h2> 

</li> 
</ul> 
<div class="social"> 
<form action=""> 
<input type="radio" name="sex" value="male">Male<br> 
<input type="radio" name="sex" value="female">Female 
</form> 
</div> 
</div> 
</div> 

Answer 1

Здесь вы http://jsfiddle.net/phpmLqu1/6/

Изменить код от возвращения ложного e.stopPropagation как это

$('.wrap').on('click', function (e) { 
    e.stopPropagation(); 
});