Calling server side method from asp.net page

Calling server side method from asp.net page

I'm trying to use jQuery to call a server side method in ASP.Net 2.0, but I keep getting my error message that I set in the error function.  Can someone show me where I can fix my code to get the server side method to be called and get the success message?

-----------------HTML image that calls popup-----------------
  1. <img id="imgDisciplineComments" src="assets/images/edit_icon.gif" class="editIcon handCursor" style="display: none;" alt="Add program/discipline outcome comments" />

-----------------HTML Hidden Div snippett-----------------
  2. <div id="divDisciplineComments" title="Program Discipline Comments" style="text-align: left; display: none;">
  3. <input type="text" id="hiddenDisciplineComments" class="hiddenDisciplineComments" runat="server" />
  4. </div>

-----------------jQuery Dialog-----------------
    2. $(function () {
    3. $("#divDisciplineComments").dialog({
    4. autoOpen: false,
    5. show: "blind",
    6. width: 500,
    7. height: 480,
    8. draggable: false,
    9. position: 'center',
    10. modal: true,
    11. buttons:
    12.             {
    13.             "Add": function () {
    14.             var name = $("#<%= hiddenDisciplineComments.ClientID  %>").val();

    16.             $.ajax({
    17.             type: 'POST',
    18.             url: 'DisciplineRecordReview.aspx/SaveComments',      //This is the correct name of my page and method call and case is correct.
    19.             data: "{'name':'Hello World'}",
    20.             contentType: "application/json; charset=utf-8",
    21.             dataType: "json",
    22.             success: function (msg) {
    23.             if (msg.d) {
    24.             alert("Successfully added new item");
    25.             }
    26.             },
    27.             error: function () {
    28.             alert("Error! Try again...");
    29.             }
    30.             });
    31.             },
    32.             "Cancel": function () {
    33.             $(this).dialog("close");
    34.             }
    35.             }
    36. });

    38.            $("#imgDisciplineComments").click(function (event) {
    39. event.preventDefault();
    40. $("#divDisciplineComments").dialog("open");
    41. });
    42. });

    45. -----------------Server side method snippett-----------------
      [WebMethod]
      public static bool SaveComments(String name)
      {
      return true;
      }