holder="Surname" type="text">
  <button class="hx-btn hx-action" id="click-button" type="button">Submit</button>
</form><script>var element = hx.select('#form')

var api = {
  data: function () {
    return element.selectAll('input').map(function (sel) {
      return sel.attr('name') + ': ' + sel.value()
    })
  }
}

// Register the component against the element
hx.component.register(element.node(), api)

// Call into the component api to get the value
hx.select('#click-button').on('click', function () {
 