title: using twiiter tooltip with backbone.js
body: <p><a href="http://jsfiddle.net/kkXAK/" rel="nofollow">full sample here</a></p>
  
  <p>I have a very simple backbone js structure.  </p>
  
  <pre><code>    var Step1View = Backbone.View.extend({
      el:'.page',
      render:function () {
          var template = _.template($('#step1-template').html());
          this.$el.html(template);
  
      }
  });
  
  var step1View = new Step1View();
  var Router = Backbone.Router.extend({
      routes:{
          "":"home"
      }
  });
  
  var router = new Router;
  router.on('route:home', function () {
      step1View.render();
  })
  Backbone.history.start();
  </code></pre>
  
  <p>This works well however i am unable to get this simple jquery function called. </p>
  
  <p>$(document).ready(function() {
      $('.tip').tooltip();
  });</p>
  
  <h2>Update</h2>
  
  <p>School boy error here.  Jquery onload functions need to be placed in the route. I'm very new to backbone so i'm not sure if this is best practice. But the following works. </p>
  
  <pre><code>            render:function () {
  
              var that = this;
              var savings = new Savings();
              savings.fetch({
                  success:function () {
                      var template = _.template($('#step3-template').html(), {savings:savings.models});
                      that.$el.html(template);
  // put your jquery good ness here
                      $('.tip').tooltip();
                      $(".step3-form").validate();
                  }
              })
  
          }
  </code></pre>