jquery not working well on IE8

Question

I have built a page which loads data dynamiically from a DB and uses jQuery to add html labels and classes to the page

the html is

    <fieldset>
        <legend>msgs</legend>
            <div id="maya">
                <!--Here will come the maya msgs-->
            </div>
    </fieldset>
<fieldset>
    <legend>recommendation</legend>

    <div id="recommendText"></div>

    <div id="rate" class="rating">
        <div id="star1"></div>
        <div id="star2"></div>
        <div id="star3"></div>
        <div id="star4"></div>
        <div id="star5"></div>
    </div>
</fieldset>

and the js is

 date = '<label id="tbDate" for="tbMessage" class="label_info">'+data[i++]+'</label>';
            link = '<label id="tbMessage" class="label_info_text" ><a href="'+data[i++]+'" target="_blank">'+data[i++]+'</label>';

      $("#maya").append('<div class="label_maya_info">'+date+link+'</div>'+clear);
      $('#stars1').addClass("star");
     $('#stars2').addClass("halfStar");

it works on FF and chrome but not IE8.

the page link is http://www.s-maof.com/PRO/index.php?fkapp=9 (look for '649012' in the search box - there is only one).

Also the high charts graph doesn't work (only on IE).

thanks.

Answer 1

thanks guys, i figured this out. The problem wasn't with jquery. It was with the syntax :

link = '<label id="tbMessage" class="label_info_text" ><a href="'+data[i++]+'" target="_blank">'+data[i++]+'</a></label>';  //added closing </a>

The addClass didn't work because I didn't "css" those element correctly.