fiddle.response.html

      <div x-data="{ count: 0, replaced: false, 
                     message: 'Change me, then press the button!' }">
          <input type="text" x-model="message">
          <div x-text="count"></div>
          <button x-bind:style="replaced && {'backgroundColor': '#fecaca'}" 
                  x-on:click="replaced = true; count++" 
                  hx-get="/swap">
            Morph
          </button>
      </div>