id属性やname属性に"submit"という名前をつけてsubmit()されなかった話

うわぁぁぁー
ドハマリしたー

<form id="my_form" method='post'>
  <input id="text1" name="text1" type="text" value='テキスト' />
  <button id="btn" type="button">ボタン</button>
  <input id="submit" type="submit" value="サブミット" />
</form>
<script type="text/javascript">
  $(document).ready(function() {
	  $('#btn').click(function() {
		$("form:first").submit(); // 動かない。
		$("form:first").trigger('submit'); // 動かない。
		document.getElementById("my_form").submit();// 動かない。
		$("#submit").trigger('click'); // 動くけど不本意
  });
</script>


結論:「#submit」なんてつけるもんじゃない。

<!-- id="submit"があるとsubmit()されない -->
<input id="submit" type="submit" value="サブミット" />
<!-- name="submit"があるとsubmit()されない -->
<input id="btn_submit" name="submit" type="submit" value="サブミット" />


半日ハマってました。。。