panowie, nie bijcie:)
Probowalem gdzies te funkcje DIALOG
$(function() {
$( "#dialog" ).dialog();
});
umiescic w kodzie ale nie wiem dlaczego po wywolaniu pliku tekst z diva pojawia sie pod formularzem / znika po kliknieciu i pojawia sie okno o ktore mi chodzi / Jak / gdzie to wsadzic w te funkcje

Teraz mam tak:
plik 'ajax.js'
$(document).ready(function() {
$('#submit').click(function() {
$.ajax({
type: "POST",
url: "save.php",
beforeSend: function() {
$('.loader').html('<div class="loader"><img src="ajax-loader.gif" /></div>');
$(function() {
$( "#dialog" ).dialog();
});
},
dataType: "html",
success: function(result) {
$("#error_message").html(result);
alert('jakis tekst');
$('div.loader').hide();
},
error: function(xhr, ajaxOptions, thrownError) {
alert(xhr.status);
alert(thrownError);
alert(ajaxOptions);
$('.loader').html('<img src="ajax-loader.gif" />').hide();
}
});
return false;
});
});
plik z formularzem
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="ajax.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<form action="save.php" method="post" id="form">
<input type="text" name="input">
<input TYPE="checkbox" name="checkb" value="aaa">
<input type="submit" value="poslij" id="submit" >
</form>
<div class="loader"></div>
<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
Na samym dole jest ten div ktory sie wyswietla na samym poczatku. Znika po kliknieciu.Co zrobic aby sie nie wyswietlal pod formuarzem lecz tylko po przeslaniu formularza w tym okienku