jquery done()不能获取外部变量

$('#delete').on('click', function(e){

      var id = '123';

      // layer.confirm('confirm delete？', {
      //     btn: ['ok','cancel'] //buttons
      // }, function(){
          $.ajax({
              type: 'post',
              url: '/test', // ===== could get id =====
              dataType: 'json'
          })
          .done(function(data){
              if(data.code === 1){
                  debugger // ===== could't get id ? ======
                  layer.msg('delete success', {icon: 1});
              }else{
                  layer.msg('success fail', {icon: 1});
              }
          })
          .fail(function(err){
              layer.msg('success fail', {icon: 1});
          })
      // })

    })
$('#delete').on('click', function(e){

      va