title: set character limit for editable div
body: <p>I have a div element <code>.userbio</code> , which is used to display "About me". When you click on the element, it becomes a textarea, where i can edit the information. But it should stop, when the character limit reaches 180. A plugin is being used for editing the "about me" section <a href="https://code.google.com/p/jquery-in-place-editor/" rel="nofollow">https://code.google.com/p/jquery-in-place-editor/</a></p>
  
  <p>On clicking the <code>.userbio</code> element, <code>.editInPlace</code> class of the plugin gets attached to the <code>.userbio</code> element. So i've tried setting css <code>.editInPlace textarea { maxlength:180 }</code>, it doesn't work. </p>
  
  <p>What happens now is that, i can type in as many characters i can and it overflows the entire page. I want the editing to stop, when it reaches the limit of 180 characters. Even tried some Jquery code snippets, but it doesn't work. Thank You</p>