Javascript 更改时未提交自定义表单

我有一个表单，它使用PrettyCheckable（）进行复选框/收音机样式设置，并选择2（）进行下拉样式设置

我这里有一个JSFIDLE和我的标记：

问题是，我试图让表单在“更改”时提交，这意味着每当有人从下拉列表中选择一个项目或选中其中一个复选框时

$( "#countries" ).change(function() {
  $(this).parents("form").submit()
});

$( "#languages" ).change(function() {
  $(this).parents("form").submit()
});

底线是它根本不起作用，原因我不知道

当我做了一个关于变更的提醒时，它起了作用，但没有提交表单

---

任何帮助都将不胜感激：）

我不知道为什么表单没有使用jQuery的

.submit（）

函数提交。但一个简单的解决方法是触发submit按钮的

单击事件：

$('#submit').click();

这将正常提交表单。
效果很好！非常感谢你。假设我在同一页上有多个表单，我只需要更改#ID，对吗？是的。您永远不希望页面上的两个元素具有相同的ID。如果您更改为代码，则应该可以工作..但不确定为什么..@dotnebeginner在
HTML
中有这样的
元素。。。