title: Modifying query string before submitting the form
body: <p>I want to modify the URL query string before submitting the form. I'm having a form like below:</p>
  
  <pre><code> &lt;form name="sampleForm" id="sampleForm" method="get" action="/detailVal" style="display:inline"&gt;
              &lt;input type="hidden" name="cId" value="${lId}"/&gt;
              &lt;input type="hidden" name="sId" value="${sId}"/&gt;
              &lt;input type="hidden" name="pKey" value="${pKey}"/&gt;
  
      onclick="return resetPage('sampleForm',)"&gt;&lt;img height="40" width="30" src="/img/next123.png"/&gt;&lt;/a&gt;
  
      &lt;/form&gt;
  
      &lt;script type="text/javascript"&gt;
      function resetPage(formName) {
           var thisForm = doc
         }    
      &lt;/script&gt;
  </code></pre>
  
  <p>Before submitting the form I want to change the URL from <code>/detailVal?cId=1&amp;sId=2&amp;pKey=3</code>
  to <code>/detailVal/cId/1/sId=2/pKey/</code></p>