title: How to change a td-tag to a input-tag in html when clicking?
body: <p>I have a problem in the following HTML-page. I have a html-table where I want that, when the user clicks on one of the td´s on my page, someone can change the content of that td. I think the easiest way of doing this is to change the html-tag. But how can I do that? Or do you know another solution to change content of a td-tag by the user?
  I am working also with AngularJS and JQuery, so maybe there is a good solution.</p>
  
  <p>I have the following table-code on pastebin. (stackoverflow didn´t show it correctly) <a href="http://pastebin.com/AnjpSbdq" rel="nofollow">http://pastebin.com/AnjpSbdq</a></p>
  
  <p>Additional I want that the possibility, to change that content, is disappearing when the user clicks somewhere else on my page. (and maybe also when he presses enter.)   </p>
  
  <p>Thanks for all your tips!</p>