Pasar datos por POST con Ajax en un Modal Form (Jquery)

[wildllama]

Bueno basicamente mi problema es que estoy usando un modal form para cargar datos a una tabla con dos campos: "Nombre" y "Descripcion"
El codigo en PHP es bien basico y me funciona bien el problema es que quiero enviar los dos campos por ajax para que no me recargue la pagina. probe varias opciones que vi dando vuelta en la web. pero ninguno me da el resultado que busco. O es demasiado codigo para algo tan simple

Código Javascript:

$( "#categ-form" ).dialog({
            autoOpen: false,
            height: 200,
            width: 300,
            modal: true,
            buttons: {
                "Crear Categoria": function(){ {//aca tendria que enviar los datos a crearcategoria.php
$( this ).dialog( 'close' );},
                "Cancelar": function() {
                    $( this ).dialog( 'close' );
                }
            },
            });
 

Código PHP:

  <?php  
    $con = mysql_connect("localhost","usuario","contrasena"); 
    if (!$con) 
          { 
          die('Could not connect: ' . mysql_error()); 
          } 
 
    mysql_select_db("basedato", $con); 
if(isset($_POST['NombreCat']) && isset($_POST['Descripcion'])) 
{ 
    $sql=("INSERT INTO t_categorias(id, NombreCat, Descripcion) VALUES (' ','$_POST[NombreCat]','$_POST[Descripcion]')"); 
    if (!mysql_query($sql,$con)) 
          { 
          die('Error: ' . mysql_error()); 
          } 
 
} 
?>