title: kendo panelbar onSelect event
body: <p>onselect event: when I click on this, this will change the class of element I inside, if I click on another, class of element I previous will change to the original.This is my code, but it does not work.</p>
  
  <pre><code>&lt;ul id="type_list"&gt;
      &lt;li&gt; &lt;i class="fa fa-file-text-o" aria-hidden="true"&gt;&lt;/i&gt;  file 1&lt;/li&gt;
      &lt;li&gt; &lt;i class="fa fa-file-text-o" aria-hidden="true"&gt;&lt;/i&gt;  file 2&lt;/li&gt;
  &lt;/ul&gt;
  // onselect
   function onSelect(e) 
      {   
      $(e.item).find("&gt; .k-link i.fa.fa-file-text-o").attr("class","fa fa-check");
       $(this).find("&gt; .k-link i.fa.fa-check").attr("class","fa fa-file-text-o");
  </code></pre>