title: My Javascript code doesn't work in chrome
body: <p>I write ajax on my page, to get subcategories in select option, depending on categories option list click. In all browsers it works good, i can see my request, response in browsers console... but in chrome functions even doesn`t call. Dou you know, in what the problem is?  Here is my code:</p>
  
  <pre><code>    &lt;td&gt;
        &lt;span style="color: #898989;"&gt;Main categories&lt;/span&gt;
        &lt;br /&gt;
        &lt;select style="width: 200px;"&gt;
          &lt;?foreach ($main_categories as $item){?&gt;
          &lt;option onclick="get_sub_cat(&lt;?=$item['id']?&gt;,2);return false;" value="&lt;?=$item['id']?&gt;"&gt;&lt;?=$item['title']?&gt;&lt;/option&gt;
          &lt;?}?&gt;
        &lt;/select&gt; 
      &lt;/td&gt;
      &lt;td&gt;
        &lt;span style="color: #898989;"&gt;Subcategories&lt;/span&gt;
        &lt;br /&gt;
        &lt;select  name="sub_cat" style="width: 200px;" id="prod_subcat_2"&gt;
        &lt;/select&gt; 
      &lt;/td&gt;
  
  
  function get_sub_cat(id, select_id){
  $.ajax({
     type: "POST",
     url: "&lt;?=base_url()?&gt;admin/product/get_sub_cat/"+id,
     data: "",
     success:function (option_list) {
       $("#prod_subcat_"+select_id).children().remove();
       $('#prod_subcat_'+select_id).append(option_list);
     }
   });
  }
  </code></pre>