มีปัญหาเวลาเรียกใช้ฟังก์ชั่น เวลาโหลดหน้าเว็บโดยใช้ Ajax(jQuery mobile)

function LoadData(){
        $('#Load').addClass('ui-disabled');
		document.getElementById('Load').innerHTML = '<img src="../themes/images/ajax-loader.gif"/>';
		  $.get("../webapp/loading.php?<?=$contentData?>&pid="+document.getElementById('update_pid').value+"",{GetData:1},function(data){
			   
		   		$(".data-update").append(data);		  
		   })  .fail(function() {
				document.getElementById('Load').innerHTML = "ไม่สามารถโหลดได้";
			})
				.done(function() {
				$('#Load').removeClass('ui-disabled');
		document.getElementById('Load').innerHTML = "โหลดต่อ คลิ๊ก!";
			});
		  // alert(document.getElementById('update_pid').getAttribute('value'));
        
		   document.getElementById('update_pid').value  = Number(document.getElementById('update_pid').value)+1;
		   
	}