Balestra has a proven track record on the use of jquery.
If you like to start using jquery, here is where you can start!

If you are absolutely new to jquery, here is some good material to get you started:
Balestra: how to start with jquery


– Make a reference to the jquery library somewhere on the page!
– put your code in a Content Editor Webpart (via html view of the webpart)

Here are some easy solutions that you can implement right away:

Hide fields

on a display form:

    $('h3:contains("FIELD NAME")').closest('tr').hide();

on an edit form:

Prepopulate fields

Get field values

on a display form:

    Var sField1 = $('h3:contains("Field1")').closest('td').next('td').text();

on an edit form:


<script type="text/javascript">
  function PreSaveAction() {
    var txtcost = $(":input[title='Total Cost']").val();
    if(txtcost == "100"){
        alert("Please fill in cost");
        var costfocus = $(":input[title='Total Cost']");
        return false;
  return true;

Other jquery solutions

Set width of multiple lookup fields

Set width of a textarea

Hide inactive ribbon controls