Problema con Dialog

[aldairlinux]

hola que tal .. tengo un problema tengo un script que lo que hace es por un lado mandar info a otra pagina mediante un ajax lo e usado con load , $.post y $ajax y traigo la info y la muestro pero tambien por otro lado tengo un dialog pero este solo funciona si no uso el ajax y e intentado muchas cosas pero e tenido exito no entiendo porque al usar ajax que no tiene nada que ver con el dialog, este no abre

Código Javascript:

$(function() {
       $( "#VerCarrito" ).dialog({
      autoOpen: false,
      height: 300,
      modal:true,
      width: 600,
      show: {
        effect: "blind",
        duration: 1000
      },
      hide: {
        effect: "explode",
        duration: 1000
      }
    });
 
    $( "#carrito" ).click(function(e) {
      $( "#VerCarrito" ).dialog( "open" );
    });
      
    $( "input:button")
      .button()
      .click(function( event ) {
        event.preventDefault();
      });
      
      $('input:text, input:password')
  .button()
  .css({
          'font' : 'inherit',
         'color' : 'inherit',
    'text-align' : 'left',
       'outline' : 'none',
        'cursor' : 'text',
        'height' : '30px',
           'font':'bold',
      'font-size':'16px' 
        
  });
  $("#exten")
  .menu()
  .css({
      'font' : 'inherit',
         'color' : 'inherit',
    'text-align' : 'left',
       'outline' : 'none',
        'cursor' : 'text',
        'height' : '44px',
           'font':'bold',
      'font-size':'16px' 
      });
  
  $( "#enviar" )
      .css({'height':'44px'})
      .button()
      .click(function() {
          var d1 = $("#dd").val();
          var d2 = $("#d2").val();
        
                  $.post("validar.php",{siti: d1, ext: d2}, function(respuesta){
                      $("#destino").html(respuesta);
                  });
                  
                  
                 
       
      
      });
  
  
  });