AjaxForm и Login, обработка профиля

Добрый день.
Подскажите пожалуйста как правильно реализовать обработку формы обновления данных компонента LOGIN сниппета UpdateProfile.
Нужно чтобы обновление данных о пользователе происходило посредством Ajax.

Буду очень благодарен за пример реализации.

Искренне надеюсь что я правильно задаю вопрос.

Делаю так:

Создал новый ресурс в нем прописал

<div id="tab_1-1" class="tab-pane active">
	[[!UpdateProfile?
	&validate=`fullname:required,email:required:email`
	&submitVar=`login-updprof-btn`
	]]
	<div class="update-profile">
		[[!AjaxForm?form=`tpl.AjaxForm.UpProfail`&snippet=`UpdateProfile`]]
	</div>
</div>

tpl.AjaxForm.UpProfail — мой чанк с формой вида:

<form class="form" action="[[~[[*id]]]]" method="post">
		<input type="hidden" name="nospam" value="" />
		<div class="form-group">
			<label class="control-label">[[!%login.fullname? &namespace=`login` &topic=`updateprofile`]]
				<span class="error">[[+error.fullname]]</span>
			</label>
			<input type="text" name="fullname" id="fullname" value="[[+fullname]]" class="form-control" />
		</div>
		<div class="form-group">
			<label class="control-label">[[!%login.email]]
				<span class="error">[[+error.email]]</span>
			</label>
			<input type="text" name="email" id="email" value="[[+email]]" class="form-control" />
		</div>
		<div class="form-group">
			<label class="control-label">[[!%login.phone]]
				<span class="error">[[+error.phone]]</span>
			</label>
			<input type="text" name="phone" id="phone" value="[[+phone]]" class="form-control" />
		</div>
		<div class="form-group">
			<label class="control-label">[[!%login.mobilephone]]
				<span class="error">[[+error.mobilephone]]</span>
			</label>
			<input type="text" name="mobilephone" id="mobilephone" value="[[+mobilephone]]" class="form-control" />
		</div>
		<div class="form-group">
			<label class="control-label">[[!%login.fax]]
				<span class="error">[[+error.fax]]</span>
			</label>
			<input type="text" name="fax" id="fax" value="[[+fax]]" class="form-control" />
		</div>
		<div class="form-group">
			<label class="control-label">[[!%login.address]]
				<span class="error">[[+error.address]]</span>
			</label>
			<input type="text" name="address" id="address" value="[[+address]]" class="form-control" />
		</div>
		<div class="form-group">
			<label class="control-label">[[!%login.country]]
				<span class="error">[[+error.country]]</span>
			</label>
			<input type="text" name="country" id="country" value="[[+country]]" class="form-control" />
		</div>
		<div class="form-group">
			<label class="control-label">[[!%login.city]]
				<span class="error">[[+error.city]]</span>
			</label>
			<input type="text" name="city" id="city" value="[[+city]]" class="form-control" />
		</div>
		<div class="form-group">
			<label class="control-label">[[!%login.state]]
				<span class="error">[[+error.state]]</span>
			</label>
			<input type="text" name="state" id="state" value="[[+state]]" class="form-control" />
		</div>
		<div class="form-group">
			<label class="control-label">[[!%login.zip]]
				<span class="error">[[+error.zip]]</span>
			</label>
			<input type="text" name="zip" id="zip" value="[[+zip]]" class="form-control" />
		</div>
		<div class="form-group">
			<label class="control-label">[[!%login.website]]
				<span class="error">[[+error.website]]</span>
			</label>
			<input type="text" name="website" id="website" value="[[+website]]" class="form-control" />
		</div>
		<div class="margiv-top-10">
			<input type="submit" name="login-updprof-btn" value="[[!%login.update_profile]]" class="btn green" />
		</div>
	</form>