title: onclick li submit form and post data-id of li
body: <p>I'm trying to create a small form that submits a <code>data-id</code> of a <code>li</code> and passes a value onclick <code>li</code>. Here's what I've did so far..</p>
  
  <pre><code>&lt;form method="POST" action="/default/index" id="event-notify-form"&gt;
      &lt;div id="notification-event" style="overflow: hidden; width: auto; height: 400px"&gt;
      &lt;ul&gt;
      &lt;li data-id="171" class="nav-message-body"&gt;&lt;/li&gt;
      &lt;li data-id="168" class="nav-message-body"&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>my jquery is</p>
  
  <pre><code>$('#notification-event li').click(function() {
      var eid=$(this).attr("data-id");
      $('#event-notify-form').append(eid).submit();  
  });
  </code></pre>
  
  <p>data-id is not post , i tried <code>$_POST</code> it display empty array</p>