[jQuery] run part of my jquery code after a postback

[samjesse]

Hi

I am building an asp.net web application using visual studio 2008
with .NET 3.5 on Windows XP 32 bit machine where I have the server as
well. C# and javascript are used.

There is contactUs.aspx, once the form is submitted successfully, I
want to run the jQuery in the contactUs.js file starting from line 20
(var dataString = 'name=' + name + '&email=' + emailWink to
line 40 (return falseWink.

How do I wire it up.

contactUs.aspx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class contactUs : System.Web.UI.Page
{
      protected void Page_Load(object sender, EventArgs e)
      {

      }
      protected void Button1_Click(object sender, EventArgs e)
      {
            try
            {
                  totalCareAutoTableAdapters.ContactUsTableAdapter
ContactUsAdapter = new totalCareAutoTableAdapters.ContactUsTableAdapter
();
                  int new_ContactUs = Convert.ToInt32
(ContactUsAdapter.InsertContactUs(name.Text, mobileNumber.Text,
emailAddr.Text, subjectTitle.Text, messege.Text));

            }
            catch (Exception ex)
            {

            }
      }
}


contactUs.js

/// <reference path="jquery-1.3.2-vsdoc2.js" />

$(function()
{
      $('.error').hide();
      $(".button").click(function()
      {
            // validate and process form here

            $('.error').hide();
            var name = $("[id$='name']").val();
            var email = $("[id$='emailAddr']").val();
            if (name == "")
            {
                  $("[id$='name_error']").show();
                  $("[id$='name']").focus();
                  return false;
            }

            var dataString = 'name=' + name + '&email=' + email;

            $.ajax({
                  type: "POST",
                  url: "siteMap.aspx",
                  data: dataString,

                  success: function()
                  {

                        $("[id$='contact_form']").html("<div
id='message'></div>");
                        $("[id$='message']").html("<h2>Contact
Form Submitted!</h2>")
                        .append("<p>We will be in touch
soon.</p>")
                        .hide()
                        .fadeIn(1500, function()
                        {
                              $("[id$='message']").append("<img
id='checkmark' src='images/fiat.jpeg' />");
                        });
                  }
            });
            return false;

      });
});