Javascript Can'；无法在网页上获取选项卡名称

我正在youtube上学习一个待办事项列表项目。 根据教程，按下“添加新项目”按钮后，将有一个名为projectName的选项卡附加到元素。但我有一个“未定义”的标签。这里怎么了？
以下是代码（原件）：

$（文档）.ready（函数（）{
$（“#项目”）.tabs（）；
$（“ul”）。可排序（{axis:“x”，containment:#projects}）；
$（“ol”）。可排序（{axis:“y”，containment:#projects}）；
$（“#btnAddProject”）.button（）
。单击（函数（）{
$（“#项目对话框”）。对话框（{宽度：400，可调整大小：false，模式：true，
按钮：{
“添加新项目”：函数（）{
var projectName=$（“新项目”）.val（）；
$（“
”）
.附于（“#main”）；
$（“#项目”）.tabs（“刷新”）；
$（“新项目”）.val（“”）；
$（此）.dialog（“关闭”）；
},
“取消”：函数（）{
$（“新项目”）.val（“”）；
$（此）.dialog（“关闭”）；
}
}});
});
});
/*.ui选项卡导航{
背景#6eb7d6；
}*/
/*.ui选项卡定位{
背景：rgb（12518166）
}*/
.集装箱{
宽度：700px；
高度：450px；
利润率：70像素自动；
边框：2个实心rgb（12518166）；
}
氢{
颜色：rgb（12518166）；
文本对齐：居中；
}
#计划{
宽度：550px；
高度：250px；
保证金：0px自动；
}
欧利{
边框：1px点黑色；
光标：指针；
填充物：5px；
边缘底部：5px；
}
奥利：悬停{
背景#6eb7d6；
}
#btnAddProject{
左边距：540px；
边缘底部：20px；
}

待办事项清单
添加项目




医生预约
打电话给水管工
完整的测试用例文档
会见项目经理
录制jQuery视频
项目名称：
我认为问题在于您将新项目作为标记而不是ID引用

$("new-project").val();

应该是：

$("#new-project").val();

请记住，这适用于新项目和取消功能。
认为问题在于您将新项目作为标记而不是ID引用

$("new-project").val();

应该是：

$("#new-project").val();

请记住，这适用于新项目和取消功能。

$（文档）.ready（函数（）{
$（“#项目”）.tabs（）；
$（“ul”）。可排序（{axis:“x”，containment:#projects}）；
$（“ol”）。可排序（{axis:“y”，containment:#projects}）；
$（“#btnAddProject”）.button（）
。单击（函数（）{
$（“#项目对话框”）。对话框（{宽度：400，可调整大小：false，模式：true，
按钮：{
“添加新项目”：函数（）{
var projectName=$（“#新项目”）.val（）；
$（“
”）
.附于（“#main”）；
$（“#项目”）.tabs（“刷新”）；
$（“#新项目”）.val（“”）；
$（此）.dialog（“关闭”）；
},
“取消”：函数（）{
$（“#新项目”）.val（“”）；
$（此）.dialog（“关闭”）；
}
}});
});
});
/*.ui选项卡导航{
背景#6eb7d6；
}*/
/*.ui选项卡定位{
背景：rgb（12518166）
}*/
.集装箱{
宽度：700px；
高度：450px；
利润率：70像素自动；
边框：2个实心rgb（12518166）；
}
氢{
颜色：rgb（12518166）；
文本对齐：居中；
}
#计划{
宽度：550px；
高度：250px；
保证金：0px自动；
}
欧利{
边框：1px点黑色；
光标：指针；
填充物：5px；
边缘底部：5px；
}
奥利：悬停{
背景#6eb7d6；
}
#btnAddProject{
左边距：540px；
边缘底部：20px；
}

待办事项清单
添加项目




医生预约
打电话给水管工
完整的测试用例文档
会见项目经理
录制jQuery视频
项目名称：

$（文档）.ready（函数（）{
$（“#项目”）.tabs（）；
$（“ul”）。可排序（{axis:“x”，containment:#projects}）；
$（“ol”）。可排序（{axis:“y”，containment:#projects}）；
$（“#btnAddProject”）.button（）
。单击（函数（）{
$（“#项目对话框”）。对话框（{宽度：400，可调整大小：false，模式：true，
按钮：{
“添加新项目”：函数（）{
var projectName=$（“#新项目”）.val（）；
$（“
”）
.附于（“#main”）；
$（“#项目”）.tabs（“刷新”）；
$（“#新项目”）.val（“”）；
$（本）