Title:<input type="text"id="txtNewTitle"/> <br />
City:<input type="text"id="txtNewCity"/> <br />
<input type="button"id="btnAddCity"value="Add New City"onclick="AddCity('txtNewTitle','txtNewCity')"/>

<script language="javascript"src="/js/jquery-1.3.2.min.js"type="text/javascript"></script>
<script language="javascript"type="text/javascript">

functionAddCity(titleId,cityId) {
    vartitle=$("#"+titleId).val();
    varcity=$("#"+cityId).val();
    varbatch =
        "<Batch OnError='Continue'> \
        <Method ID='1' Cmd='New'> \
        <Field Name='Title'>"+title+"</Field> \
        <Field Name='City'>"+city+"</Field> \
        </Method> \
        </Batch>";

varsoapEnv =
        "<soapenv:Envelope xmlns:soapenv='http://schemas.xmlsoap.org/soap/envelope/'> \
             <soapenv:Body> \
            <UpdateListItems xmlns='http://schemas.microsoft.com/sharepoint/soap/'> \
            <listName>TestList</listName> \
            <updates>"+batch +"</updates> \
            </UpdateListItems> \
            </soapenv:Body> \
            </soapenv:Envelope>";

$.ajax({
        url: "/sites/learner/_vti_bin/lists.asmx",
        beforeSend: function(xhr) {
            xhr.setRequestHeader("SOAPAction",
            "http://schemas.microsoft.com/sharepoint/soap/UpdateListItems");
        },
        type: "POST",
        dataType: "xml",
        data: soapEnv,
        complete: processResult,
        contentType: "text/xml; charset=utf-8"
    });

}

functionprocessResult(xData, status) {
    alert(status);
}
</script>