title: Change /n to <br /> in text from textarea
body: <p><strong>On dblclick</strong> - DIV is replaced with TEXTAREA. You can edit text. </p>
  
  <p><strong>On blur</strong> - TEXTAREA is replaced back with DIV. And new line are replaced with "&lt;<strong>br</strong> />".</p>
  
  <p><strong>First problem</strong> - is in edited text - "&lt;<strong>br</strong> />" is not like breaked or new line in text, but just like text "&lt;<strong>br</strong> />". How to fix it ?</p>
  
  <p><strong>Second problem</strong>  - there is one "&lt;<strong>br</strong> />" in example. When you edit text in example for the first time, this "&lt;<strong>br</strong> />" is not changed to new line, but only to simple space (<strong>&nsbp;</strong>).  Why there is this error, when you try edit text original for the first time ?</p>
  
  <p><a href="http://jsfiddle.net/ynternet/euxeV/" rel="nofollow"><strong>jsFiddle DEMO</strong></a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="meText"&gt;Click to edit &lt;br /&gt; this text.&lt;/div&gt;
  </code></pre>
  
  <p>jQuery</p>
  
  <pre><code>$(function(){
      $("#meText").live('click',function(){
          var originalDiv = this;
          $(this).replaceWith($("&lt;textarea&gt;&lt;/textarea&gt;").text($(this).text().replace(/&lt;br\s?\/?&gt;/g,"\n")).width($(this).width()).height($(this).height()).blur(function(){$(this).replaceWith($(originalDiv).text($(this).val().replace(/\r\n|\r|\n/g,"&lt;br /&gt;")));}));
      });
  });
  </code></pre>