$(document).ready( function() {
	
	$("select#JobLocationId").change(function(){
		
		$('.ajax-loader').fadeIn();
		$('select#JobAreaId').attr('disabled',true);
	
		$('select#JobAreaId option[value!=""]').remove();
		
		$.getJSON("/jobs/areasbylocation/",{id: $(this).val()}, function(data) {
			
			if(data) {
			
      		$.each(data,function(i,item) {
      		
         		$('select#JobAreaId').append('<option value="'+item.Area.id+'">'+item.Area.area_name+'</option>');
         		$('select#JobAreaId').attr('disabled',false);
         		
      		});
      		
      		}
      		
      		$('.ajax-loader').fadeOut();

      		
    	});

	
	});

});