Question

THis sounds more like an html issue than jquery and I hope someone could help me with this.

I have a hidden div containing radio buttons which has Label For tag. This works great on the page (I tested by removing hidden property from the div), but when I pull that div content out of on the modal popup created using jquery my Label For does not work on a popup. It seems when I click on the label from my modal window it clicks the appropriate radio on parent page but not the one on modal window.

Thanks for your help.

Answer 1

Well… The good old fashion way of connecting a label to an input element would be to give the label a for attribute equal to the id of the input element.

<label for="acceptEmail" >Accept emails</label>
<input type="checkbox" id="acceptEmail" />

You can also get the same result by placing the input element inside the label.

<label>Accept emails
  <input type="checkbox" id="acceptEmail" />
</label>