[Ajax/jQuery] Przesłanie zmiennej do formularza Opcje

[Przemo75]

Witam,
Chciałbym, żeby po kliknięciu w przycisk ZAMÓW, otworzył się (ukryty) formularz, a w temacie formularza automatycznie pojawiły się (wygenerowane) dane - pola $nazwa $nr_katalogowy, a po kliknięciu w przycisk WYŚLIJ formularza lub poza nim, ten zniknął/

[PHP] pobierz, plaintext 
<?php
			echo "<div id=\"container\">
					<ul class=\"list\">
						<li>
							<section class=\"list-top\">
 
							<h5 class=\"title\">
							<span class=\"temat\">$nazwa $nr_katalogowy</span>
							</h5>
 
							<span class=\"priceH\">Cena brutto: <b>$c_brutto</b> zł</span>
							<span class=\"tech\">
							<b>Numer katalogowy:</b> $nr_katalogowy <br/>
							</span>
							</section>
 
							<section class=\"list-right\">
							<span><a class=\"zamow\">ZAMÓW</a></span>
							</section>
							<div class=\"clearfix\"></div>
						</li>
					</ul>
				</div>";
				?>
[PHP] pobierz, plaintext 

Formularz:

[HTML] pobierz, plaintext 
	<div id="zamow" style="display:none" >
		<section id="formularz">
			<div class="form-container">
			<div class="col-md-12">
			    <form id="main-contact-form" class="formularz" name="formularz" method="post" action="sendemail.php">
                            <input type="text" class="form-control" id="title" name="title" required="required" placeholder="Temat *" value="<?php echo $formtyt; ?>">
                            <input type="text" class="form-control" id="name" name="name" required="required" placeholder="Imię *">
                            <input type="text" class="form-control" id="number" name="number" placeholder="Telefon">
                            <input type="email" class="form-control" id="email" name="email" required="required" placeholder="Adres e-mail *">
                            <textarea class="form-control" rows="3" id="message" name="message" required="required" placeholder="Wiadomość *"></textarea>
                            <button class="btn btn-default" id="submit" type="submit" name="submit" >WYŚLIJ</button>
			    <button class="btn btn-default" id="reset" type="reset" name="reset" >Wyczyść</button>
                            </form>
			</div>
			</div>
		</section>
	</div>
[HTML] pobierz, plaintext 

Niestety mam problem z ajax'em, który mi nie działa.

Kod

$(document).ready(function() {

// Contact form
    var form = $('#main-contact-form');
    form.submit(function(event){
        event.preventDefault();
        var form_status = $('<div class="form_status"></div>');
        $.ajax({
            url: $(this).attr('action'),
            method: 'POST',
            data: form.serialize(),
            beforeSend: function(){
                form.prepend( form_status.html('<p><i class="fa fa-spinner fa-spin"></i> Wysyłanie wiadomości ...</p>').fadeIn() );
            }
        }).done(function(data){
            form_status.html('<p class="text-success">' + data.message + '</p>').delay(3000).fadeOut();
        });
    });


    $('body').on('click','span.zamow',function()
    {
        var formtyt = $(this).parent().parent().find('span.temat').html();
    alert(formtyt);    
        $('body').find('form#main-contact-form').find('input.title').val(formtyt);
    });
});

Będę wdzięczny za wszelką pomoc.

[Przemo75]

Szczerze mówiąc, to nie jestem pewien, czy w ogóle mam poprawnie napisanego ajaxa i poprawne odwołanie

Kod

    $(".zamow").on('click','span.zamow',function()
    {
    console.log(".zamow");
        var formtyt = $(this).parent().parent().find('span.temat').html();
    alert(formtyt);    
        $('body').find('form#main-contact-form').find('input.title').val(formtyt);
    });