title: jQuery not working in live environment
body: <p>I have the following code that is working fine in jsfiddle - <a href="http://jsfiddle.net/darkajax/FHZBy/" rel="nofollow">http://jsfiddle.net/darkajax/FHZBy/</a></p>
  
  <p>I've transferred the code in to the page I need to use the code in and assigned the correct ID numbers to the functions, this is the page where it should be working:</p>
  
  <p><a href="http://mtpassemblies.com/cs-cart/index.php?dispatch=products.view&amp;product_id=29821" rel="nofollow">http://mtpassemblies.com/cs-cart/index.php?dispatch=products.view&amp;product_id=29821</a></p>
  
  <p>The part number box should be being filled out as the user makes a selection across the options, this isn't happening on the live version and I don't appear to be getting any error messages. As I'm getting no eror messages I'm not sure where I should be starting to look to see where the problem is coming from.</p>
  
  <p>Further to my original message it seems CS Cart is built on the Smarty framework, I'm not sure if this has a bearing on the problem?</p>
  
  <p>Here's the jQuery from the site: </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;// &lt;![CDATA[
  $(function() {
  var sku1 = sku2 = sku3 = sku4 = sku5 = sku6 = length = '';
  $("#opt_29821_746").change(function(){
  
      switch($(this).val()){
          case "3134":
               sku1 = 'TB';
          break;
          case "3135":
               sku1 = 'LT';
          break;
          case "3154":
              sku1 = 'LTR';
          break;
          case "3136":
               sku1 = 'BO';
          break;
          case "3138":
               sku1 = 'MC';
          break;
          case "3139":
               sku1 = 'NC';
          break;
          case "3183":
                sku1 = 'STA';
          break;
      }
      $('#option_29821_798').val(sku1+sku2+sku3+sku4+sku5+sku6+length);
  });
  $("#opt_29821_742").change(function(){
      switch($(this).val()){
          case "3111":
                sku2 = 'LC';
          break;
          case "3110":
               sku2 ='LCA';
          break;
          case "3112":
               sku2 ='E2000';
          break;
          case "3113":
               sku2 ='E2A';
          break;
          case "3114":
               sku2 ='FC';
          break;
          case "3115":
               sku2 ='FCA';
          break;
          case "3116":
               sku2 ='ST';
          break;
          case "3117":
               sku2 ='SC';
          break;
          case "3118":
               sku2 ='SCA';
          break;
      }
      $('#option_29821_798').val(sku1+sku2+sku3+sku4+sku5+sku6+length);
  });
  $("#opt_29821_744").change(function(){
      switch($(this).val()){
          case "3175":
                sku3 = '2';
          break;
          case "3121":
               sku3 ='4';
          break;
          case "3122":
               sku3 ='6';
          break;
          case "3123":
               sku3 ='8';
          break;
          case "3124":
               sku3 ='12';
          break;
          case "3125":
               sku3 ='16';
          break;
          case "3126":
               sku3 ='24';
          break;
          case "3176":
               sku3 ='48';
          break;
      }
      $('#option_29821_798').val(sku1+sku2+sku3+sku4+sku5+sku6+length);
  });
  
  $("#opt_29821_745").change(function(){
      switch($(this).val()){
          case "3127":
                sku4 = 'OS12';
          break;
          case "3182":
               sku4 ='G657A1';
          break;
          case "3128":
               sku4 ='OM1';
          break;
          case "3129":
               sku4 ='OM2';
          break;
          case "3130":
               sku4 ='OM3';
          break;
          case "3131":
               sku4 ='OM4';
          break;
      }
      $('#option_29821_798').val(sku1+sku2+sku3+sku4+sku5+sku6+length);
  });
  
  $("#opt_29821_748").change(function(){
      switch($(this).val()){
          case "3142":
                sku5 = 'LC';
          break;
          case "3143":
               sku5 ='LCA';
          break;
          case "3144":
               sku5 ='E2000';
          break;
          case "3145":
               sku5 ='E2A';
          break;
          case "3146":
               sku5 ='FC';
          break;
          case "3147":
               sku5 ='FCA';
          break;
          case "3148":
               sku5 ='ST';
          break;
          case "3149":
               sku5 ='SC';
          break;
          case "3150":
               sku5 ='SCA';
          break;
      }
      $('#option_29821_798').val(sku1+sku2+sku3+sku4+sku5+sku6+length);
  });
  
  $("#opt_29821_749").change(function(){
      switch($(this).val()){
          case "3151":
                sku5 = 'LZSH';
          break;
          case "3177":
               sku5 ='PE';
          break;
      }
      $('#option_29821_798').val(sku1+sku2+sku3+sku4+sku5+sku6+length);
  });
  
  $('#opt_29821_753').change(function(){
      length = $(this).val();
      $('#option_29821_798').val(sku1+sku2+sku3+sku4+sku5+sku6+length);
  });
  });
  // ]]&gt;&lt;/script&gt;
  </code></pre>
  
  <hr>
  
  <p><strong>UPDATE</strong></p>
  
  <p>After further investigation and talking with various people it would seem the problem would be caused by the inline <code>onchange</code> event that is built in to CS Cart clashing with the jQuery that I have written.</p>
  
  <p>So the question seems to be more is it possible to get the code working alongside the functions that are being fired by the inline coding?</p>