title: basic quick ajax question with jquery
body: <p>First try with ajax, please have patience.</p>
  
  <pre><code>&lt;html&gt;
      &lt;script type="text/javascript" src="jquery-1.4.2.min.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
  
      $(document).ready(function() {
          function hello() {
              $.post("testCaseAjaxServerSide.php", { ola: "hello"}, function(data){
                  if (data) {
                      alert('the data is: '+data);
                  }
                  else {
                      alert('there were no data');
                  }
              });
          }
  
          $("#inputAmigo").click(function(){
              hello();
          });
      });
      &lt;/script&gt;
  
      &lt;form method="post" action=""&gt;
          &lt;input id="inputAmigo" type="submit"/&gt;
      &lt;/form&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>On the server side I have:</p>
  
  <pre><code>if (isset($_POST['ola']))
  {
    echo "we got a post";
  } 
  else
  {
    echo "no post buddy";
  }
  </code></pre>
  
  <p>I'm always getting "there were no data". 
  Any help please? :)</p>
  
  <p>Thanks a lot,
  MEM</p>