Submit a div/section identified by id?

[bdaniel7]

Hi,
Is it possible to submit the input fields from an html element other than form?
Say, I have a div#id with several input fields and a button/anchor, when I click the button, the fields inside the div are submitted to server (get/post/etc).

This way I can have multiple divs submitted to different endpoints.

<form name="f">
  <div id="id1" hx-post="/save-this">
    <input type="text" name="name"/>
    <input type="button" value="Save name" hx-payload="id1"/>
  </div>

  <div id="id2" hx-post="/save-that">
    <input type="text" name="nick"/>
    <input type="button" value="Save nick" hx-payload="id2"/>
  </div>
</form>

Currently, when I click on either button, all fields are submitted, because they are part of the form.