title: can a text box be half read only and half editable
body: <pre><code>&lt;form&gt;
  &lt;div class="col-sm-2" style="margin-top: 5px;color:#357EBD;font-weight:bold;" id="sub-ticketid"&gt;&lt;?php echo 'Ticket 12345#'; ?&gt;&lt;/div&gt;
  &lt;input type="text" class="form-control" style="background:#fff;" name="sub-holder" id="sub-holder" placeholder="Subject" disabled="true"/&gt; 
  &lt;/form&gt;
  </code></pre>
  
  <hr>
  
  <p>i am adding </p>
  
  <pre><code>if($('#sub-ticketid')) {
      var preText = $.trim($('#sub-ticketid').text());
      var tempSub = preText+$('#sub-holder').val();
      $('#sub-holder').val(tempSub);
  } 
  </code></pre>
  
  <p>I want Ticket 12345# has to pre append with sub-holder field when form is submitting. But by adding above piece of jquery code it is working but Ticket 12345# is editable.</p>
  
  <p>How i can add only Ticket 12345# into text field but not editable.</p>