title: Bootstrap slider does not work
body: <p>I use <code>Angular.js</code> and <code>Bootstrap</code> to build my application. A directive inserts an input tag to DOM. I want to use <code>slider</code> on the input tag to modify it. I followed the <a href="http://www.eyecon.ro/bootstrap-slider/" rel="nofollow">tutorial</a>.</p>
  
  <pre><code>tag = '&lt;input type="text" class="slider" ng-model="costPerDay"/&gt;';
  // pass it to a template and push to DOM
  $('.slider').slider({       
    max: 500,                  
    orientation: 'horizontal',
    selection: 'after'        
  });
  </code></pre>
  
  <p>The <code>slider</code> function exists on the jQuery object, but invoking it has no effect, without any exceptions! My input is still just an <code>&lt;input&gt;</code> tag. </p>
  
  <p>What is wrong in my code? What is not taken into account? Something bugs or dependencies?                         </p>