[Jquery] problema metodo ajax

Ciao ragazzi,

ho un probmema con questa funzione che viene chiamata per inviare una mail con jquery:

function inviaMail() {
			var nome = document.getElementById("nome");
			var oggetto = document.getElementById("oggetto");
			var email = document.getElementById("email");
			var messaggio = document.getElementById("testoMessaggio");
			var dati ='nome=' + nome + '&email=' + email + '&oggetto=' + oggetto + '&messaggio=' + messaggio;
			$.ajax({
				type: "POST",
				url: "mail.php",
				data: dati,
				dataType: "text",
				cache: false,
				success: function(text) {
	//			$("#MyModalLabel").text(text);
	//			$("#MyModal").modal('show');
				alert(text);
				setTimeout('$("#risposta").fadeOut("slow")',2000);
			}
			});
		}

l'alert funziona, ma le due istruzioni sopra che in questo momento sono commentate no. L'alert funziona anche se tolgo i commenti alle istruzioni sopra, ma non appare la modal box. Sapete dirmi perché?

Questa è la modal box:

    <!-- Modal box che mostra l'esito dell'invio -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Non è stato possibile inviare la mail, riprova tra qualche istante </h4>
          </div>
          
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal"> Ok </button>
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.Modal box-->

• Mai sentito parlare di .modal(), prova ad utilizzare .fadeIn()
• Dov'è l'elemento con ID MyModal?
• Hai incluso jQuery?

Ciao!