Functions added to selectors using .live() are not working consistently in Google chrome extensions. For example, I have a simple function that looks like this:
$("#sampleSelectID").live('click', function() {
alert("CLICKED!");
});
and the alert does not fire. If I debug the extension there are no javaScript errors. Strangely, if I place a break-point on this line in the debugger, it will occasionally fire, but even then it's inconsistent.
Are there any strange issues with using .live() and jquery in a chrome extension?
I should add that each of these selectors is applied to a select object in a form which lives in my extension's popup html file like this:
<li class="sampleClass">
<form>
<select id="sampleSelectID">
</select>
</form>
</li>