Can anyone help us figure out, why when we do the iframe src(url) load as we have below, some of our iframe content changes do not stay. They apear as the page is loading. then once the page is completed, it goes back to the iframe page original text settings.

Please adivse, if we should put jquery at bottom of page. Or modify jquery code to stick no matter what?
Please help.

If you want to see what is is doing go to website http://fanhitz.com, and you will see. ONLY content/text/html changes are not staying everything else. Works perfect.


Code here:


Code:
			$(document).ready(function(){
				$('#sign-in-tab').click(function(){
				    //alert('shoot click works boss');
					var pTypeId = 'fan';
					$(window.location = 'http://fanhitz.com/#/?pTypeId=' + pTypeId);					
					$('#profiletypeID').val(pTypeId);
					$('.joms-latest-activities-container').hide();
					$('.newly-added').show();
					$('.newly-added').removeClass('newly-added');
					$('.register-form').fadeOut(300);
					$('.vip-form').fadeOut(300);
	
					$('#form-section .sign-in-form').delay(300).fadeIn(300);
					$('#sign-in-tab').addClass("active");
					$('#register-tab').removeClass("active");
					$('#vip-tab').removeClass("active");	
					$('input[name=profiletypes]:eq(0)').attr('checked', 'checked');			
					$('#registerIframe').contents().find('.sign-in-form').delay(300).fadeIn(300);
					$('#registerIframe').contents().find('.ctitle.registerFrontpage h2').html('<span>fan</span> Account - connect your facebook friends here!');
					$('#registerIframe').contents().find('.registerFrontpage div.ctitle span.smallTitle').html('(fans, music lovers, models, actors, etc)');
					$('#registerIframe').contents().find('#jsnamemsg').html('*Full Name');
					$('#registerIframe').contents().find('#jsusernamemsg').html('*Username');
					$("#registerIframe").attr('src', 'http://fanhitz.com/index.php?ptypeid=1&Itemid=435');					
					$("#registerIframeArtist").attr('src', 'http://fanhitz.com/index.php?ptypeid=1&Itemid=435');
					$("#registerIframeVIP").attr('src', 'http://fanhitz.com/index.php?ptypeid=1&Itemid=435');							
					
				});
					
		     });

Here is the Tabs, that users click to iniated the "Click" in jquery above. This works perfect. IT's the bottom, text, title and label changes that revert as soon as the page completes loading. The correct ifram soruces (url) is loaded correctly. This works, but it alomost liek the page is reloading(refesh)/parse. Then reverts back to original text settings.

Code:
		<ul id="form-section">
			  <li class="sign-in-form">	
			  <iframe src="http://fanhitz.com/index.php?ptypeid=1&Itemid=435" frameborder="0" scrolling="no" id="registerIframe"></iframe>
			 </li>
		
			  <li class="register-form">		
			   <iframe src="http://fanhitz.com/index.php?ptypeid=2&Itemid=435" frameborder="0" scrolling="no" id="registerIframeArtist"></iframe>
			  </li>
	 
			 <li class="vip-form">		
			  <iframe src="http://fanhitz.com/index.php?ptypeid=5&Itemid=435" frameborder="0" scrolling="no" id="registerIframeVIP"></iframe>
			  </li>
			<div style="clear: both;"></div>
	   </ul>

Here is iframe page settings that is not updating, it shows as the page loads, then goes back to waht here originally.
If you see Jquery above I am changin the Title, and some of the content. But it does not remain once the page has completly loaded.

What to do to get it to remain and not go back to original text and settings.

Code:
		<form action="<?php echo CRoute::getURI(); ?>" method="post" id="sForm" name="sForm" class="registerFrontpage">
		<div class="ctitle registerFrontpage">
			<h2>Connecting artists <span style="font-style: italic;">2</span> fans  - free sign-up "one-click" </h2>
			<span class="smallTitle"> (Fans, Musicians, TV Shows, Models, Comdeians, etc)</span>
		</div>
		</form>