title: jQuery Ajax success response returns HTML and not my intended value
body: <p>I'm calling the Page Method and it's returning all of the HTML in this page and not the value of 1 or 0.
  I don't know why this is. Can someone point me in the right direction ?  </p>
  
  <p>JavaScript:</p>
  
  <pre><code>$.ajax({
      async: false,
      type: "POST",
      contentType: "application/json; charset=utf-8",
      data: '{}',
      url: "main.aspx/IsInfoComplete",
      success: function(data, textStatus, jqXHR) {
          console.log(textStatus);
          console.log(data.d);
              // act on return value:
              if(data==0) {
                // todo - 
              } else if (data==1) {
                // todo - 
              }
          }
      },
      error: function(jqXHR, textStatus, errorThrown) {
          console.log(textStatus);
      }
  });
  </code></pre>
  
  <p>Server:</p>
  
  <pre><code>[System.Web.Services.WebMethod()]
  
  public int IsInfoComplete()
  {
      int returnValue = 0;
  
  using (SqlConnection conn = new SqlConnection(connString))
  {
      SqlCommand cmd = conn.CreateCommand();
      cmd.CommandType = CommandType.StoredProcedure;
      cmd.CommandText = "GetIsUserInfoComplete";
      cmd.Parameters.AddWithValue("@UserName", userName);
      conn.Open();
      try
      {
          returnValue = (int)cmd.ExecuteScalar();
      }
      catch (Exception) { /* todo - */ }
  }
  return returnValue;
  }
  </code></pre>