Basic Autocomplete (1.10.2) fails with IE7 and IE8 test VM's

Basic Autocomplete (1.10.2) fails with IE7 and IE8 test VM's

hi,

I'm using some VM's from MS (running virtual box host) to test IE7 and IE8 with jQuery Autocomplete.  In both versions I get the same javascript error: 'label' is not null or not an object.  Line 7143 of jquery-ui.js.


Code below.  Would really appreciate it if anyone can shed some light into this.


Thanks! Tskeej
  1. <head>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
    <style type="text/css">
        .ui-autocomplete-category {
        font-weight: bold;
        padding: .2em .4em;
        margin: .8em 0 .2em;
        line-height: 1.5;
        }
       
        .ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: hidden;}
    </style>
    </head>
    <body>

    //awful name and id values b/c this is asp.net
    Institution:
    <input name="ctl00$ctl25$g_3696e81a_a455_44ee_802f_45c521ca848e$ctl00$txtInstitution" type="text" id="ctl00_ctl25_g_3696e81a_a455_44ee_802f_45c521ca848e_ctl00_txtInstitution" class="txtInstitution" />

    <script type="text/javascript">
        var dataSource = [
        { "label": "Alaska Bible College, Glenallen, AK", "value":"Alaska Bible College", "category":"AK"},
        { "label": "Alaska Career College, Anchorage, AK", "value":"Alaska Career College", "category":"AK"},
        { "label": "Lamson College, Tempe, AZ", "value":"Lamson College", "category":"AZ"},
        { "label": "Le Cordon Bleu College of Culinary Arts in Scottsdale, Scottsdale, AZ", "value":"Le Cordon Bleu College of Culinary Arts in Scottsdale", "category":"AZ"},
        { "label": "Maricopa County Community College District, Tempe, AZ", "value":"Maricopa County Community College District", "category":"AZ"},
        { "label": "Mesa Community College, Mesa, AZ", "value":"Mesa Community College", "category":"AZ"},
        { "label": "Mesa Community College--Red Mountain, Mesa, AZ", "value":"Mesa Community College--Red Mountain", "category":"AZ"},
        ];

        $("input.txtInstitution").autocomplete({
            minLength: 3,
            source: dataSource
        });
    </script>
    </body>