title: How to make some piece of text inside a input field non editable?
body: <p>I have a requirement that I have a input field of maxLength 4.among these 4 characters first 2 characters will be "FR".Remaining 2 character will be inserted by user.So,during the page loading time I have called a Jquery Function and set the value "FR" like this</p>
  
  <pre><code>  $('.testData').val("FR"); 
  </code></pre>
  
  <p><strong>**Now,When user will edit the remaining two character's he will not be allowed to edit the piece of text "FR"</strong>.<strong>neither he is allowed to delete this text "FR"</strong></p>
  
  <p><strong>by setting</strong>           </p>
  
  <pre><code>&lt;input type="text" readonly&gt;
  </code></pre>
  
  <p><strong>it will make the entire input field non editable,I donot want that,I only want to put restriction on editing on first 2 characters.</strong></p>
  
  <p>can anyone give any solution to this???</p>