this.form.submit () не работает после щелчка по элементу div в форме

Я пытался протестировать отправку формы с помощью щелчков мышью, но форма, похоже, не работает отправить с ванильным javascript.

Я использую эту простую разметку и код:

<form name="form" id="price" action="" method="post">
<div class="category" name="price" value="50 dollars" 
onClick="this.form.submit();"
>price</div>

</form>

<?php
echo $_POST['price'];

?>

Я могу отправить форму с помощью JQuery, но я не понимаю, почему this.form.submit () не работает с обычным javascript ? Я использую Chrome, чтобы проверить это.