I have following code snippets.

[code]

<div id="random_profiles_display">

    <div>
         {assign var="page_hdr01_text" value="{lang mkey='random_profiles'}"|cat:$rphdr02}
         {include file="page_hdr01.tpl"}
/* THis header has a select list which uses select_skin plugin */

         <div class="module_detail_inside">
              <ul id="randomprof_carousel" class="jcarousel-skin-tango">
              {foreach item="item" key=key from=$rpusers}
                   <li>
                    <div style="padding-left:1px; padding-right:1px; width:100%;">
                     {if $config.randomprofiles_display=='tiny'}
                          {include file="smallest_profdisp.tpl"}
                     {else}
                          {include file="userresultviewsmall.tpl"}
                     {/if}
                    </div>
                   </li>
              {/foreach}
              </ul>
        </div>

    </div>

</div>

I have defined following jquery binding codes.

$(document).ready(function(){
 $("#random_profiles_display").bind('change',function(){
  $('#random_profiles_display  select').select_skin();
  $('#randomprof_carousel').jcarousel({
     visible:4
  });
 });
 $("#randomprof_carousel").jcarousel({
        visible:4
    });
})

[/code]

This setup is working well in FF, Chrome, Safari. In IE8, the bind is failing. Seems like the Bind is not being recognized at all.