I am trying to figure out how to have 3 forms on the same HTML page. However, the user will only have to fill out one of the forms, never all three. Therefore, I was thinking of having 3 separate tabs, and the user would be able to just select the tab they need and fill out that respective form.

I have the tabs working, but whenever I put the actual form in the content part of the tab, the form just seems to disappear. I can still use the <p> and <h1> tags, etc. The form is the only thing that goes away. Can anyone help me with this? Here is some of the code I have:

HTML Code:
<link type="text/css" rel="stylesheet" href="css/styles/form.css"/>
		<link href="css/calendarview.css" rel="stylesheet" type="text/css" />
		<link type="text/css" rel="stylesheet" href="css/styles/nova.css" />
		<style type="text/css">
			.form-label {
				width: 150px !important;
			}
			.form-label-left {
				width: 150px !important;
			}
			.form-line {
				padding-top: 12px;
				padding-bottom: 12px;
			}
			.form-label-right {
				width: 150px !important;
			}
			.form-all {
				width: 650px;
				color: #fff;
				float: left;
				font-size: 14px;
			}
		</style>
		<script src="js/prototype.js" type="text/javascript"></script>
		<script src="js/protoplus.js" type="text/javascript"></script>
		<script src="js/protoplus-ui.js" type="text/javascript"></script>
		<script src="js/jotform.js" type="text/javascript"></script>
		<script src="js/calendarview.js" type="text/javascript"></script>
		<script type="text/javascript">
			JotForm.init(function() {
				$('input_12_confirm').hint('Confirm Email');
			});

		</script>
		
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('#tabs div').hide();
				$('#tabs div:first').show();
				$('#tabs ul li:first').addClass('active');
				$('#tabs ul li a').click(function() {
					$('#tabs ul li').removeClass('active');
					$(this).parent().addClass('active');
					var currentTab = $(this).attr('href');
					$('#tabs div').hide();
					$(currentTab).show();
					return false;
				});
			});

		</script>
		
	</head>
	<body>
		<header>
			<a href="#"><img src="img/mdc_logo.png" alt="MDC Logo"></a>
			<a href="http://marinediversified.com/" target="_blank"><img class="mds_logo" src="img/mds_logo.png" alt="MDS Logo"></a>
			<p>
				A Division Of:
			</p>
		</header>
		<nav>
			<ul>
				<li class="nav_left" >
					<a href="index.html"> Home</a>
				</li>
				<li>
					<a class="current" href="#" onclick="return false"> Contact Us</a>
				</li>
			</ul>
		</nav>
		<section>
			<h1 class="center_text" id="width">For a free price quote, fill out the correct form below.  Once completed, you should receive a reply within 1-2 business days.  For all other questions or concerns, please see the email form below.</h1>
			<div id="container">
				<div id="tabs">
					<ul>
						<li>
							<a href="#tab-1">This is Tab 1</a>
						</li>
						<li>
							<a href="#tab-2">Tab Two</a>
						</li>
						<li>
							<a href="#tab-3">Tab Three</a>
						</li>
					</ul>
					<div id="tab-1">
						<form class="jotform-form" action="http://submit.jotform.us/submit/21605816168152/" method="post" name="form_21605816168152" id="21605816168152" accept-charset="utf-8">
							<input type="hidden" name="formID" value="21605816168152" />
							<div class="form-all">
								<ul class="form-section">
									<li id="cid_1" class="form-input-wide">
										<div class="form-header-group">
											<h2 id="header_1" class="form-header"> Boat Cover Price Quote </h2>
										</div>
									</li>
									<li class="form-line" id="id_3">
										
									<li class="form-line" id="id_8">
										<label class="form-label-left" id="label_8" for="input_8"> Boat Year:<span class="form-required">*</span> </label>
										<div id="cid_8" class="form-input">
											<input type="text" class="form-textbox validate[required, Numeric]" id="input_8" name="q8_boatYear" size="20" maxlength="4" />
										</div>
									</li>
									<li class="form-line" id="id_13">
										<label class="form-label-left" id="label_13" for="input_13"> Bow Mounted Trolling Motor:<span class="form-required">*</span> </label>
										<div id="cid_13" class="form-input">
											<div class="form-single-column">
												<span class="form-radio-item" style="clear:left;">
													<input type="radio" class="form-radio validate[required]" id="input_13_0" name="q13_bowMounted13" checked="checked" value="Yes" />
													<label for="input_13_0"> Yes </label></span><span class="clearfix"></span><span class="form-radio-item" style="clear:left;">
													<input type="radio" class="form-radio validate[required]" id="input_13_1" name="q13_bowMounted13" value="No" />
													<label for="input_13_1"> No </label></span><span class="clearfix"></span>
											</div>
										</div>
									</li>
									<li class="form-line" id="id_9">
										<label class="form-label-left" id="label_9" for="input_9"> Fabric Type:<span class="form-required">*</span> </label>
										<div id="cid_9" class="form-input">
											<div class="form-single-column">
												<span class="form-radio-item" style="clear:left;">
													<input type="radio" class="form-radio validate[required]" id="input_9_0" name="q9_fabricType" checked="checked" value="MasterDuck" />
													<label for="input_9_0"> MasterDuck </label></span><span class="clearfix"></span><span class="form-radio-item" style="clear:left;">
													<input type="radio" class="form-radio validate[required]" id="input_9_1" name="q9_fabricType" value="Sunburst" />
													<label for="input_9_1"> Sunburst </label></span><span class="clearfix"></span><span class="form-radio-item" style="clear:left;">
													<input type="radio" class="form-radio validate[required]" id="input_9_2" name="q9_fabricType" value="Travel Tuff" />
													<label for="input_9_2"> Travel Tuff </label></span><span class="clearfix"></span>
											</div>
										</div>
									</li>
									<li class="form-line" id="id_10">
										<label class="form-label-left" id="label_10" for="input_10"> Fabric Color:<span class="form-required">*</span> </label>
										<div id="cid_10" class="form-input">
											<select class="form-dropdown validate[required]" style="width:150px" id="input_10" name="q10_fabricColor">
												<option></option>
												<option selected="selected" value="MasterDuck - Platinum Gray"> MasterDuck - Platinum Gray </option>
											</select>
										</div>
									</li>
									<li class="form-line" id="id_12">
										<label class="form-label-left" id="label_12" for="input_12"> E-mail Address / Confirm E-mail Address:<span class="form-required">*</span> </label>
										<div id="cid_12" class="form-input">
											<input type="email" class="form-textbox validate[required, Email]" id="input_12" name="q12_emailAddress" size="30" />
											<br>
											<input type="email" class="form-textbox validate[Email_Confirm]" id="input_12_confirm" style="margin-top:8px;" size="30" />
										</div>
									</li>
									<li class="form-line" id="id_14">
										<label class="form-label-left" id="label_14" for="input_14"> Comments: </label>
										<div id="cid_14" class="form-input">
											<textarea id="input_14" class="form-textarea" name="q14_comments" cols="40" rows="6"></textarea>
										</div>
									</li>
									<li class="form-line" id="id_2">
										<div id="cid_2" class="form-input-wide">
											<div style="margin-left:156px" class="form-buttons-wrapper">
												<button id="input_2" type="submit" class="form-submit-button">
													Submit
												</button>
											</div>
										</div>
									</li>
									<li style="display:none">
										Should be Empty:
										<input type="text" name="website" value="" />
									</li>
								</ul>
							</div>
							<input type="hidden" id="simple_spc" name="simple_spc" value="21605816168152" />
						
						</form>
</div>
					<div id="tab-2">
						<h3>Tab 2</h3>
						<p><img src="http://papermashup.com/demos/jquery-gallery/images/t2.png" width="120" height="120" class="thumbs"/> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur enim. Nullam id ligula in nisl tincidunt feugiat. Curabitur eu magna porttitor ligula bibendum rhoncus. Etiam dignissim. Duis lobortis porta risus. Quisque velit metus, dignissim in, rhoncus at, congue quis, mi. Praesent vel lorem. Suspendisse ut dolor at justo tristique dapibus. Morbi erat mi, rutrum a, aliquam nec
							<br/>
							<a href="http://feeds2.feedburner.com/AshleyFord-Papermashupcom">Subscribe to my feed here</a>
						</p>
					</div>
					<div id="tab-3">
						<h3>Tab 3</h3>
						<p><img src="http://papermashup.com/demos/jquery-gallery/images/t3.png" width="120" height="120" class="thumbs"/> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur enim. Nullam id ligula in nisl tincidunt feugiat. Curabitur eu magna porttitor ligula bibendum rhoncus. Etiam dignissim. Duis lobortis porta risus. Quisque velit metus, dignissim in, rhoncus at, congue quis, mi. Praesent vel lorem. Suspendisse ut dolor at justo tristique dapibus. Morbi erat mi, rutrum a, aliquam nec, mattis semper, leo. Maecenas blandit risus vitae quam. Vivamus ut odio.
							<br/>
							<a href="http://feeds2.feedburner.com/AshleyFord-Papermashupcom">Subscribe to my feed here</a>
						</p>
					</div>
				</div>
			</div>