(function ($) {    
    $.fn.populateControls = function (options) {
        var defaults = {
            mobile: "mobilevalue",
            email: "emailvalue"
        };
		
        var settings = $.extend({}, defaults, options);

        return this.each(function () {
            var $$ = $(this);
            
            $$.change(function () {
                var data = null;
                if (typeof settings.data == 'string') {
                    data = settings.data + '&' + this.name + '=' + $$.val();
					
                } else if (typeof settings.data == 'object') {
                    data = settings.data;
                    data[this.name] = $$.val();
                }
				
                $.ajax({
                    url: settings.url,
                    data: data,
                    type: (settings.type || 'get'),
                    dataType: 'json',
                    success: function (j) {                        					
						if(j.length > 0) {
							document.getElementById('pic_user_mobile').value = j[0][settings.mobile];
							document.getElementById('pic_user_email').value = j[0][settings.email];	
						}
                    },
                    error: function (xhr, desc, er) {
                        // add whatever debug you want here.
			alert("an error occurred");
                    }
                });
            });
        });
    };
})(jQuery);