simple ajax snippet

ajax.php

Route::post('ajax',function(){
	if(Request::ajax())
	{
		$input = array(
			'password' => Input::get('password')
			);
		$rules = array(
			'password' => 'required'
			);

		$validator = Validator::make($input, $rules);
		if($validator->passes())
		{
			$data = array('status' => true, 'errors' => $validator->getMessageBag()->toArray());
			return Response::json($data);
		}else
		{
			$data = array('status' => false, 'errors' => $validator->getMessageBag()->toArray());
			return Response::json($data);
		}
	}
});

index.html

<div id="validation-errors" style="display:none;"></div>
<div class="row-fluid">
	<div class="span12">
		<h4>1. Forgot Pincode ?</h4>
		<form id="forgot-pincode-form" class="form-horizontal">
			<div class="control-group">
				<label class="control-label">Password</label>
				<div class="controls">
					<div class="input-append">
						<input class="span12 m-wrap medium" id="password" type="password" name="password">
						<div class="btn-group">
							<button type="button" class="btn" id="forgot-pincode-submit">Submit</button>
						</div>
					</div>
				</div>
			</div>
		</form>
	</div>
</div>

$(document).ready(function(){
  $("#forgot-pincode-submit").click(function(){
		$.ajax({
			url  : 'ajax',
			type : 'POST',
			data : {
				'password' : $("#password").val()
			},
			beforeSend: function(){
				$("#validation-errors").hide().empty();
			},
			success : function(data,status){
				if(data.status === true){
					$("#validation-errors")
					.text('Validation Success')
					.css({'display' : 'block'})
				}else{
					$("#validation-errors")
					.text(data.errors.password)
					.css({'display' : 'block'})
				}
			},
			error : function(xhr, desc, err){
				console.log('XHR' +xhr);
				console.log('Desc' +desc);
				console.log('Err' +err);
			}
		});
  });
});