div要素をクリックしたらそのデータを送る。

<form action=“hogeAction” name=“form1”>
<div onclick=“hoge()”>
<input type =“hidden” name=“data” value=“1”>
<h2>ありゃりゃ</h2>
</form>

<script>
function hoge(){
document.form1.submit();
}
</script>

疑問なのはこれで送れているどうか
formで送れる値みたいなものはinputでしか指定できない
ほかに送るのに何かいい方法があればお願いします。