title: AJAX code for calling code-behind method from aspx page doesn't work
body: <p>Upon click of an anchor link, I want to call a code-behind function (which loads some HTML content code into the page).</p>
  
  <p>The code-behind:</p>
  
  <pre><code>public void loadNewPage(string id)
      {
          ltlContent.Text = getPageCenter(id);
      }
  </code></pre>
  
  <p>The JS code:</p>
  
  <pre><code>$('a').click(function (e) {
              e.preventDefault();
              var data = { userName: $(this).attr("id") };
              var dataVal = JSON.stringify(data);
  
              $.ajax({
                  type: "POST",
                  url: "Default.aspx/loadNewPage()",
                  contentType: "application/json; charset=utf-8",
                  data: dataVal,
                  dataType: "json",
                  success: function (id) {
                  }
              });
          });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a href="#" id="kontakt"&gt;Go to Kontakt&lt;/a&gt;
  </code></pre>
  
  <p>What I get is only that <code>#</code> is being added at the back of the URL and the code-behind function is not called.</p>