
jQuery('#donation_phone_number').before('<label id="phoneLabel">your mobile number</label>'); // dynamic message wrapper

jQuery('a.btnTxtSubmit').click(function(){
jQuery.getJSON('http://clients.mobilecause.com/t2g/campaigns/X5YPpERg/donations/widget_create.jsonp?_method=get&_callback=?',jQuery('#donation_phone_number').serialize(),
function(data){
if (data.status == 'Success') {
	trackThis("site-text");

	var ttFrm = jQuery('#TextAThonForm'); // the form
	ttFrm.before('<div id="TextAThonDynamicContent" style="display:none"></div>'); // dynamic message wrapper
	if(ttFrm.size() > 0)
	{
		var frm = ttFrm;
		var dynFrmCntWrapper = jQuery('#TextAThonDynamicContent');
						
						// hide form
						frm.css('display', 'none');
						
						// show pending message
						dynFrmCntWrapper
							.css('display', 'block')
							.html('<div class="Pending">processing...</div>');
						
						// set submit via AJAX
						jQuery
							.ajax({
									type: frm.attr('method'), // type = form method attribute
								  	url: frm.attr('action'), // url = forma action attribute
									success: function(htmlResp) // successful submit
												{
													// hide pending message, append HTML response 
													dynFrmCntWrapper.empty().append(htmlResp).css('display', 'block');
													
													// activate 'send another' link, that triggers form display on click
													dynFrmCntWrapper
														.find('a#lnkSendAnotherTextThone')
															.click(function()
																	{
																		var ttFrm = jQuery('#TextAThonForm');
																		var dynFrmCntWrapper = jQuery('#TextAThonDynamicContent');
																		dynFrmCntWrapper.empty().css('display', 'none');
																		ttFrm.css('display', 'block');
																		return false;
																	});
												},
									error: function(err) // error submitting form
											{
												// hide pending message, display error message
												dynFrmCntWrapper
													.empty()
													.html('<div id="TextAThoneSubmitMessage">Thank you for your donation! <a href="#" id="lnkSendAnotherTextThone">Send Another?</a></div>')
													.css('display', 'block');
													
												// activate 'try again' link, that triggers form display on click
												dynFrmCntWrapper
													.find('a#lnkSendAnotherTextThone')
														.click(function()
																{
																	var ttFrm = jQuery('#TextAThonForm');
																	var dynFrmCntWrapper = jQuery('#TextAThonDynamicContent');
																	dynFrmCntWrapper.empty().css('display', 'none');
																	ttFrm.css('display', 'block');
																	return false;
																});
											}
								  });
	}


//submitBtn.find('span').text("Send me another invite");
} else {
jQuery('.mcStatusMessage').html("invalid phone number");
jQuery('.mcStatusMessage').css('display', 'block');
}
});
return false;
}); 