title: Stop jQuery conflict with slider
body: <p>I am using the script below to show a time slider. The script works fine on all pages except for the homepage, so I am thinking it is conflicting with something. The site is running in Magento and the only difference I can think of is a module called flex-slider on the homepage.</p>
  
  <p>I have added in jQuery no conflict but the time slider still doesn't work.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  jQuery.noConflict();
  jQuery(function() {
    jQuery('#callback_selected').html("9 am");
    var select = jQuery( "#callback" );
    var slider = jQuery( "&lt;div id='slider'&gt;&lt;/div&gt;" ).insertAfter( select ).slider({
      min: 1,
      max: 12,
      range: "min",
      value: 1,
      step: .5,
          slide: function (event, ui) {
          $time_int = ui.value;
          if (ui.value &lt; 5) {
              $time_int = $time_int + 8;
              if ($time_int.toString().substr(-2) == '.5') $time_int = $time_int.toString().split('.')[0] + ":30";
              $time_selected = $time_int + " am";
          } else {
              $time_int = $time_int - 4;
              if ($time_int.toString().substr(-2) == '.5') $time_int = $time_int.toString().split('.')[0] + ":30";
              $time_selected = $time_int + " pm";
          }
        jQuery('#callback_selected').html($time_selected);
        jQuery("#time").val($time_selected);
      }
    });
  });
  &lt;/script&gt;
  </code></pre>