How can I make a click on a DIV submit my form using javascript?
<p>I am using the following HTML:</p>

<pre><code>&lt;form action="/User/Account/LogOff" id="logoutForm" method="post"&gt;
   &lt;button class="float-left submit-button" title="Logoff"&gt;Logoff&lt;/button&gt;
&lt;/form&gt;
</code></pre>

<p>I would like to replace this with:</p>

<pre><code>&lt;form action="/User/Account/LogOff" id="logoutForm" method="post"&gt;
   &lt;div class="button" id="logout" title="Logout"&gt;
      &lt;span&gt;Logout&lt;/span&gt;
   &lt;/div&gt;
&lt;/form&gt;
</code></pre>

<p>Is there a way that I can catch a click on the div#logout and use this as a submit for the form? I saw this for a link:</p>

<pre><code>&lt;a href="javascript:document.getElementById('logoutForm').submit()"&gt;Logout&lt;/a&gt;
</code></pre>

<p>But how could I do it for a DIV like mine?</p>
