title: Thymeleaf: pass input text as parameter in href
body: <p>I have a <code>input</code> field, whose value is set by the controller by <code>response.query</code>, within the template I also have two links which perform <code>read</code> and <code>delete</code> calls to the <code>id</code> entered in the <code>query</code>. Here is the template.</p>
  
  <pre><code>&lt;div class="input-group"&gt;
          &lt;input type="text" th:value="*{response.query}" /&gt;
          &lt;div class="input-group-btn"&gt;
              &lt;ul class="dropdown-menu dropdown-menu-right"&gt;
                  &lt;li&gt;&lt;a href="#" th:href="@{/read/{id}(id=response.query)}"&gt;Read&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" th:href="@{/delete/{id}(id=response.query)"&gt;Delete&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Unfortunately, the <code>href</code> parameter always gets passed as <code>null</code>. Is there alternate approach to this?</p>