jquery addclass id not working on list
<p>Please check my code,</p>

<p><strong>CSS</strong></p>

<pre><code>.ulData li.sel {
    background:#fff !important;
    font-size:0.8em;
    font-weight:bold;
}
</code></pre>

<p><strong>JS</strong></p>

<pre><code>function switchTab(typ){
    $(".ulData li").removeClass("sel");
    $("#"+typ).addClass("sel");
    $("."+ typ +"Options").addClass("sel");
}
</code></pre>

<p><strong>HTML</strong></p>

<pre><code>&lt;ul class="ulData"&gt;
  //For Loop li
  &lt;li title="${option.id}" id="${option.key}"&gt;&lt;span&gt;aaaa&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>If I click on a button, I call switchTab function. In there I am adding the 'sel' class.
If I am adding like,</p>

<pre><code>$("li#"+typ).addClass("sel");
</code></pre>

<p>Then working in Firefox but non of the IE versions. please help how to apply the CSS for all the browser compatibilities.</p>

<p>Thanks in advance</p>
