PHP/JS: Echoing several variables without loosing their value
===

The JS/Ajax function I have built submits without a button click or page refresh. The function gets the values of the input field and with php echoed out the results. But everytime a variable is echoed the next variable erases the value of the previous one. How can avoid this? [EXAMPLE][1]




**JS**

    <script>
    $(document).ready(function() {
      var timer = null; 
        var dataString;   
          function submitForm(){
            $.ajax({ type: "POST",
    	       url: "index.php",
    	       data: dataString,
    	       success: function(result){
                             $('#special').html('<p>' +  $('#resultval', result).html() + '</p>');
                                               }
                     });
                     return false; }
    
    	$('#contact_name').on('keyup', function() {
    	clearTimeout(timer);
    	timer = setTimeout(submitForm, 050);
              var name = $("#contact_name").val();
    	dataString = 'name='+ name;
    	});
    					 
    	 $('#email').on('keyup', function() {
    	 clearTimeout(timer);
    	 timer = setTimeout(submitForm, 050);
    	 var name = $("#email").val();
    	 dataString = 'name='+ name;
    	 });
    					 
    	 $('#phone').on('keyup', function() {
    	 clearTimeout(timer);
    	 timer = setTimeout(submitForm, 050);
    	 var name = $("#phone").val();
    	 dataString = 'name='+ name;
    	 });
    					 
    	 $('#address').on('keyup', function() {
    	 clearTimeout(timer);
    	 timer = setTimeout(submitForm, 050);
    	 var name = $("#address").val();
    	 dataString = 'name='+ name;
    	 });
    					 
    	 $('#website').on('keyup', function() {
    	 clearTimeout(timer);
    	 timer = setTimeout(submitForm, 050);
    	 var name = $("#website").val();
    	 dataString = 'name='+ name;
    	 });
    					 
    
     }); 
    </script>

**HTML/PHP** 

    <form action="" method="post" enctype="multipart/form-data" id="contact_form" name="form4"> 
         <div class="row">  
          <div class="label">Contact Name *</div> <!-- end .label --> 
            <div class="input"> 
              <input type="text" id="contact_name" class="detail" name="contact_name" value="<?php $contact_name ?>" />  
              <div id="special"><span id="resultval"></span></div>  
            </div><!-- end .input--> 
         </div><!-- end .row --> 
         <div class="row">  
          <div class="label">Email Address *</div> <!-- end .label --> 
           <div class="input"> 
            <input type="text" id="email" class="detail" name="email" value="<?php $email ?>" />  
            <div id="special"><span id="resultval"></span></div> 
           </div><!-- end .input--> 
         </div><!-- end .row --> 
        </form>


  [1]: http://webprolearner2346.zxq.net/TabsNextPrev/index.php