title: AJAX post request and string concatenation
body: <p>I am using jQuery/AJAX to do a post request. I am trying to take the input from the first textbox and concatenate that with a url and display result in the second textbox. Example, If user types in <code>asdf</code> the ajax function will then make the post and the result will display as <code>http://www.example.com/sdf/</code>. I have two problems,  As mentioned early I have a ajax function that it is performing post but no result is diplaying in the html(it does show in the firebug console). Second, How can I concatenate the input into the url. 
  <a href="http://webprolearner.ueuo.com/concatenate/" rel="nofollow">Live Site</a></p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function () {
      var timer = null;
      var dataString;
  
      function submitForm() {
          $.ajax({
              type: "POST",
              url: "/concatenate/index.php",
              data: dataString,
              dataType: "html",
              success: function (data) {
                  $("#result").html(data);
              }
          });
          return false
      }
      $("#input").on("keyup", function() {
          clearTimeout(timer);
          timer = setTimeout(submitForm, 40);
          var input = $("#input").val();
         dataString = { input : input }
      })
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;h1&gt;Enter a word:&lt;/h1&gt;
  
  &lt;form action="create_entry.php" method="post"&gt;
  Input: &lt;input type="text" id="input" name="zipcode"&gt;&lt;/br&gt;
  Concatenated Result: &lt;input type="text" id="result" name="location" value="http//www.example.com/ /" readonly&gt;&lt;/br&gt;
  &lt;/form&gt;
  </code></pre>