Есть вот такой код. Смысл этого отправка контакта для обратной связи.
Цель привязать к другой кнопке другую форму.

Проделанная попытка: Вставляю еще одну форму с id="inline1" ввожу данные жму кнопку отправить а она не работает и первая тоже перестает отправлять.

В чем причина? как исправить?

<p><a class="modalbox" href="#inline"><img src="images/callback.png" alt="callback" width="157" height="23" border="0" /></a></p>


<!-- hidden inline form -->
<div id="inline">
	<h2>Обратный звонок</h2>

	<form id="contact" name="contact" action="#" method="post">
        <input type="hidden" name="ids" value="Обратный звонок" />
        <label for="msg">Ваше имя</label>
		<input type="txt" id="msg" name="msg" class="txt">
        <br>
        <label for="telephone">Телефон  </label>
		<input class="txt" id="telephone" name="telephone" type="text">
		
		<button id="send"><img src="images/send.gif" width="170" height="25" border="0" /></button>
	</form>
</div>

<!-- basic fancybox setup -->
<script type="text/javascript">
	
		
	$(document).ready(function() {
		$(".modalbox").fancybox();
		$("#contact").submit(function() { return false; });

		
		$("#send").on("click", function(){
			var msgval    = $("#msg").val();
			var msglen    = msgval.length;
			
			
			
			if(msglen < 4) {
				$("#msg").addClass("error");
			}
			else if(msglen >= 4){
				$("#msg").removeClass("error");
			}
			
			if(msglen >= 4) {
				// если обе проверки пройдены
				// сначала мы скрываем кнопку отправки
				$("#send").replaceWith("<em>отправка...</em>");
				
				$.ajax({
					type: 'POST',
					url: 'sendmessage.php',
					data: $("#contact").serialize(),
					success: function(data) {
						if(data == "true") {
							$("#contact").fadeOut("fast", function(){
								$(this).before("<p><strong>Заявка отправлена</strong></p>");
								setTimeout("$.fancybox.close()", 1500);
							});
						}
					}
				});
			}
		});
	});
</script>