Why doesn't this jquery code work in ie6?

i have some jquery code here that works fine in firefox but when i test in ie6, i dont see it working at all (the div is not being shown).

here is my html

 <b>Calendar:</b> <select name="CalendarId" id="calendar_list">
 <option value="1">Vacation</option><option value="2">Internal Travel</option>
 <option value="13">ER</option><option value="33">PMO Calendar</option>
 </select>

 <span style="display: none;" id="calendarlabel"></span>

    <hr>

    <div id="location" style="display: none;">
    <label>Travelling to:</label> <select id="location_list" name="TechnicalCentreId">    
 <option></option>
 <option value="1">Bangalore</option>
 <option value="2">Chennai</option>
 <开发者_如何学Python/select>
    </div>

here is my javascript:

 $('#calendar_list').live('change', function () {
    var calendarId = $(this).val();
    if (calendarId == 2) {
        $("#location").show();
    }
    else {
        $("#location").hide();
    }
});

First, does anyone know why this code above would not work in ie6 but be fine in all other browswers?

Second, how can i debug this as it seems to only be an issue in ie6 (need firebug equivalent to see whats happening)

---

IE does not bubble the 'change' event properly, so you can't use live('change').

Instead, bind your behavior to the change event at load time:

$(document).ready(function(){

 $('#calendar_list').change(function () {
 ...
 });
});

http://api.jquery.com/live/

---

You can use Firebug Lite. It allows you to use a lite version of Firebug where you can't use the full extension.

http://getfirebug.com/firebuglite

All you need to do to use Firebug Lite is add the following external script:

<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>

---

You can use the IE Developer Toolbar: http://www.microsoft.com/downloads/en/details.aspx?FamilyID=95e06cbe-4940-4218-b75d-b8856fced535