Posting input field value through JS Function
===

I am having difficulties in returning an input field value through a JS function. It does return a value but it adds unnecessary information. How can I get echoed out the input value without other things? [EXAMPLE][1]

**JS**

       <script>
        $(function() {
        
        $(".submit").click(function() {
        
            var name = $("#name").val(); 	         	
            var dataString = 'name='+ name;
       
        			$.ajax({
        			type: "POST",
        			url: "jqueryform.php",
        			data: dataString,
        			success: function(result){
        			$('#special').append('<p>' +  result + '</p>')  
        			
        				}
        				
        		   });
        			return false;
               });     
        
        });
        </script>

**PHP**

     <?php
     if($_POST){
         $url     = $_POST['name'];
         echo ('What you type:&nbsp;&nbsp; <b>'.$url.'</b>');
        }
     ?>


**HTML**

    <html>
     <input id="name" name="name" type="text" class="field text medium" value="" maxlength="255" tabindex="1" 	/>
    
    <input  type="submit" value="Submit" style=" background:#0060a1; color:#FFFFFF; font-size:14px; border:1px solid #0060a1; margin-left:12px" class="submit"/>


  [1]: http://webprolearner2346.zxq.net/registration-form/