jQuery.fn.clearable = function() {
 
  jQuery('.morelink').live('click', function() {
    var jQuerythis = jQuery(this);
    if (jQuerythis.hasClass('less')) {
      jQuerythis.removeClass('less');
      jQuerythis.html(config.moreText);
    } else {
      jQuerythis.addClass('less');
      jQuerythis.html(config.lessText);
    }
    jQuerythis.parent().prev().toggle();
    jQuerythis.prev().toggle();
    return false;
  });
 
  return this.each(function() {
	
	
    	
	jQuery(this).css({'border-width': '0px', 'outline': 'none'})
		.wrap('<div id="sq" class="BXSDivClearable"></div>')
		.parent()
		.attr('class', jQuery(this).attr('class') + ' BXSDivClearable')
		.append('<a class="BXSClearlink" href="javascript:"></a>');
		 jQuery(this).attr('class', '');

	jQuery('.BXSClearlink')
		.attr('title', 'Click to clear this textbox')
		.click(function() {
			
			jQuery(this).prev().val('').focus();

	});
  });
}