Jquery .blur() event not triggering

Hello all,

I’ve spent a good while trying to solve this on my own with no luck. The .blur jquery event I’m trying to use isn’t firing and I can’t figure out why.

My entire JS file:


$('#unitOneRent').blur(function() {
    alert('**** yeah!');
});

$(function() {
    $( "#datepicker" ).datepicker();
});

And the snippet where its used:


<div class="fm-opt">
<label>Unit Name:</label> <input type="text" name="unitOne" />
<label>Current Rent (per Mnth):</label> <input id="unitOneRent" type="text" name="unitOneRent" />
</div>

Any ideas?

although i have not seen your integral code,i guess that the problem is the js file reference.

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

…right

<script type="text/javascript" src="jquery-1.4.2.min.js" />

…wrong