form.html

<form 
  id="keyword_suggestions_form" 
  hx-post="/api/v2/keyword_suggestions"
  hx-target="#keywords_container" 
  hx-indicator="#loader_container"
  hx-on:htmx:before-request="emptyDiv('#keywords_container')"
  hx-trigger="submit[!isFieldEmpty('#seed_keyword')], submitKeywordSearch from:body"
>
    <input type="hidden" name="search_type" id="search_type" value="all_terms">
</form>

form.js

$(".search_type_btn").click(function (e) {
    let search_type = $(this).attr("id");

    $("#search_type").val(search_type);

    let seed_keyword = $("#seed_keyword").val();

    if (!isEmpty(seed_keyword)) {
      document.body.dispatchEvent(new Event("submitKeywordSearch"));
    }
  });
  
window.isFieldEmpty = function isFieldEmpty(id) {
  let value = $(id).val();

  return isEmpty(value);
};