title: backbone not rendering the $el but can reference element directly
body: <p>This is killing me, being reading the examples on this site but can't figure out why it works like this.
  I want to pass back values to my view, which has buttons that you can use to change the values.
  If I use the following</p>
  
  <pre><code>   this.$el.empty().html(view.el)
  </code></pre>
  
  <p>View.el contains the correct html, but those not render on the screen. If I use the following</p>
  
  <pre><code>    $("#handicap").html( view.el);
  </code></pre>
  
  <p>The values get displayed on screen but the events no longer get picked up eventhough if I put an onclick function in the html code it kicks off.</p>
  
  <p>Ideally I would like to get this.$el.empty().html(view.el) working. It has to do with context but can't see why.</p>
  
  <p>I have created a jsbin here <a href="http://jsbin.com/iritex/1/edit" rel="nofollow">http://jsbin.com/iritex/1/edit</a></p>
  
  <p>If I have to use $("#handicap").html( view.el), do I need to do something special to unbind events. I have tried undelegate everything but that didn't do the trick either.</p>
  
  <p>thanks</p>