title: change Prototype to JQuery in asp.net
body: <p>At the header I have the following</p>
  
  <pre><code>&lt;script language="javascript" type="text/javascript"&gt;
  function setConBal() {
      conBal = 1;
  }
  function readBalance() {
      new Ajax.Updater('tableBalance', '_Bet/PanelBalance1.aspx', { method: 'post', onComplete: setConBal });
  }
  function preReadBalance() {
      new Ajax.Updater('tableBalance', '_Bet/PanelBalance1.aspx', { method: 'post' });
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Inside Body I have a div with ID = tableBalance
  and the end of body tag I have this to call the JS functions</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;readBalance(); preReadBalance();&lt;/script&gt;
  </code></pre>
  
  <p>The js functions are suppose to call PanelBalance1.aspx to generate a HTML table and put it into the div, it works fine when using prototype, but now I need to do the exact same thing using JQuery. I tried to change the function to JQuery syntax but it din't work.</p>
  
  <pre><code>function readBalance() {
      $.ajax({
          type: 'post',
          url: "_Bet/PanelBalance1.aspx",
          complete: function(r) {
          $('#tableBalance').html(r);
              setConBal();
          }
      });
  }
  
  function preReadBalance() {
      $.ajax({
          type: 'post',
          url: "_Bet/PanelBalance1.aspx"
      });
  
  }
  </code></pre>
  
  <p>No error when I changed to this syntax but at the same time no Output either...
  Am I doing this in a wrong way??</p>