jQuery ajax on click of href

[Joe San]

I have the following function written for a form submit. Can I use the same for a href click event?

	        $('.inlineForm').live('submit', function() {
		    	var $tabs = $('#tabs').tabs();
		    	var selected = $tabs.tabs('option', 'selected');
				showHideTabs(selected);
		    	$('#hiddenTabId').val(selected);
		    	$.ajax({ // create an AJAX call...
		       		traditional: true,
					data: $(this).serialize(), // get the form data
					type: $(this).attr('method'), // GET or POST
					url: $(this).attr('action'), // the file to call
					success: function(response) { // on success..
						$('.ui-tabs-panel:visible').html(response); // update the DIV			
					}
		    	});
	       	    return false; // cancel original event to prevent form submitting
		    });
		});

[Bear Bibeault]

I'm not sure what you mean by an "href click" event...

In any case, this handler cannot be reused for anything else as it expects the form to be the function context.

[Bear Bibeault]

P.S. Why aren't you using the Forms Plugin for this sort of thing?

[Joe San]

I have multiple forms on my page rendered under a tab. When I have more than 5 forms, the page layout get messed up. Not sure why. I thought I can use a anchor tag (which I have have as a ordered list) and just one form with 2 hidden elements inside it. On click of the anchor tag, fill the hidden elements based on which anchor tag was clicked and submit the form. make the anchor tag click look like a form submit.

[Bear Bibeault]

Your time might be better spent finding out why the 5th form screws up your layout.

[Joe San]

And yes, just got it figured out. Struts tags played the culprit.