title: How to empty() element but keep event handlers etc?
body: <p>How can you empty an element and re-use the elements and keep event handlers etc.?</p>
  
  <p><a href="http://jsfiddle.net/WrMbG/" rel="nofollow">http://jsfiddle.net/WrMbG/</a></p>
  
  <pre><code>&lt;div&gt;&lt;/div&gt;
  
  var inp = $('&lt;input type="text" /&gt;')
      .keydown(function(){
          alert('keydown');
      });
  
  $('div').append(inp);
  $('div').empty();
  $('div').append(inp);
  </code></pre>
  
  <p>all event handlers and etc. is destroyed when you empty an element.. how can you avoid this?</p>