title: How can I make a click on a DIV submit my form using javascript?
body: <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>