สอบถามเกี่ยวกับการใช้งาน ajax jquery หน่อยครับ พอดีมีปัญหาในการส่งข้อมูลกลับมาแสดงครับ

	 $('#type_suit').change(function(){
		
			url = 'ajax_cal_price.php',
		  $.post(url,
			{ type_suit: $('#type_suit').val() },
			   
		  function(data)
		  {
				 if(data.success)
				 {

					  $('.material').append(data.pro_code);
				 }
		  },'json');
		return false;	   				
			
	 });	


<select name="type_suit" id="type_suit">
              <option value="">-- เลือกชุด --</option>
              <option value="">-- ไทย--</option>
              <option value="">-- อังกฤษ--</option>
            </select>


<span class='material'></span>

$data['pro_code'] = $ar;
$data['success'] = true;

echo json_encode($data);