title: Input Field On Top Of Link
body: <p>I've looked around for an answer, but couldn't find anything after a while. I'm running jQuery mobile and have a list view with a bunch of li's that I want to be both links and input fields. But when I click to input in the text field, it automatically presses the button as well.</p>
  
  <p>Basically what I'm trying to do is have an input form that a user can modify, and then have them click anywhere outside of the form to submit the changes.</p>
  
  <p>Is there anyway to get around this?</p>
  
  <pre><code>echo "&lt;li data-icon='false'&gt;![enter image description here][1]
      &lt;a href='javascript: updateName()'&gt; Name of Conversation: 
          &lt;form name='name' action='update.php' method='post'&gt;
              &lt;input type='text' name='name' id='name' value='" . $this-&gt;conversation-&gt;get_name() . "'/&gt;
          &lt;/form&gt;
      &lt;/a&gt;
  &lt;/li&gt;";
  </code></pre>
  
  <p>And if anyone is wondering what updateName() does:</p>
  
  <pre><code>function updateName(){
      document.name.submit();
  }
  </code></pre>