I have just started using jQuery and although following code gets the job done, I have a feeling that it can be shortened.
var accountAddress = $(document.createElement("input")).addClass("readOnly")
.attr("contentEditable", "false").attr("id", "d_accountAddress");
$("#customerid_c").next().next().next().append(accountAddress);
If it is not clear - what I'm doing is creating new input tag, assigning class and making it read-only, then positioning new input two TD's to the right of some known text.
Update:
This is simplified HTML that I'm modifying. The place where I add content is marked with ##1## and ##2##.
<TD id=customerid_c>
<LABEL for=customerid>Customer</LABEL>
</TD>
<TD id=customerid_d></TD>
<TD class=ms-crm-Field-Normal>
<LABEL>##1##</LABEL>
</TD>
<TD>##2##</TD>
contentEditable=false
.$('tr:has(#customerid_c) td:last-child')
<td>
, World Wide Web Consortium (W3C) recommends lowercase in HTML 4, and demands lowercase tags in XHTML. So generally it is good to get into the habit of using lowercase everywhere.