title: Getting a dual range slider working with twitter bootstrap
body: <p>I'd like to use this upgraded jQuery Mobile dual range slider.<br>
  <a href="https://stackoverflow.com/questions/9237191/jquery-mobile-dual-range-slider-working-but-buggy/13259790#13259790">jQuery Mobile dual range slider working but buggy</a></p>
  
  <p>I need to use it with twitter bootstrap.  However, jQuery Mobile doesn't play nice with Twitter bootstrap and is killing the dropdown menu when the javaScript files are placed at the bottom of the page (as per yslow).  Here are 3 jsbin examples to illustrate the problem:</p>
  
  <p>with jQuery Mobile added, twitter bootstrap menu fails:
      <a href="http://jsbin.com/ibecox/1" rel="nofollow noreferrer">http://jsbin.com/ibecox/1</a></p>
  
  <p>without jQuery Mobile .js file, twitter bootstrap the menu works fine:
      <a href="http://jsbin.com/ibecox/2" rel="nofollow noreferrer">http://jsbin.com/ibecox/2</a></p>
  
  <p>with all javaScript in the header (bad practice) the menu also works, but I'd need to avoid putting all the javaScript in the header:
      <a href="http://jsbin.com/ibecox/3" rel="nofollow noreferrer">http://jsbin.com/ibecox/3</a></p>