sostituire form con jquery

[processore]

Vorrei fare una cosa tipo i mi piace di facebook.
quando clicco su mi piace effettua le operazione che deve fare e senza aggiornare la pagina esce non mi piace piu,
poi sempre senza aggiornare la pagina se clicco su non mi piace piu effettua le operazioni ed esce di nuovo mi piace.

io ho provato a fare cosi.


codice jquery che al click sostituisce il contenuto del div con questo nuovo form

 <script type="text/javascript">
	   		
			var aggiungi="<form action=\"#\" id=\"n-osserva\" > <input class=\"button\" type=\"button\" id=\"elimina_osservati\" value=\"stai\"  /> <input type=\"hidden\" id=\"utente_osserva\" value=\"<?php echo $_SESSION['id'] ?>\" name=\"utente_osserva\" /> <input type=\"hidden\" id=\"oggetto_osserva\" name=\"oggetto_osserva\" value=\"<?php echo $_GET['id'] ?>\" /></form> ";
			
			$(document).ready(function() {
				
			$("#aggiungi_osservati").click(function() {
			$("#mod").html(aggiungi);
			});
			
			});
		</script>

form dove si deve cliccare

<form action="#" id="osservazione" >
                                            
                                           
                                            	<input class="button" type="button" id="aggiungi_osservati" value="Osserva"  />
                                            
                                                <input type="hidden" id="utente_osserva" value="<?php echo $_SESSION['id'] ?>" name="utente_osserva" />
                                                <input type="hidden" id="oggetto_osserva" name="oggetto_osserva" value="<?php echo $_GET['id'] ?>" />
                                            </form>

poi ho fatto altro codice simile a questo.
un utente clicca su osserva, richiama il codice jquery che sostituisce questo form con il form stai osservando.
pero se clicco sul form stai osservando non ritorna il form osserva .

non capisco perche