title: Table not showing when trying to append in jquery?
body: <p>I have a search input with autocomplete and when I search a query and click on button - it should show me my table but for some reason it is not showing my table when a button is clicked. It just shows the <code>[object FormData]</code> and I need some help to fix this.</p>
  
  <pre><code>$(function () {
      var myData = [];
  
      $.get("http://localhost:8080/myApp/JobSearchItem.xhtml", function (data) {
          $("#searchTextField").autocomplete({
              minLength: 2,
              source: myData
          }); 
  
          $.each(data, function (k, v) {
              myData.push({
              id: v.id,
              label: v.label,
              value: v.id,    
          });
      });
  });
  
  $('#searchForm').submit(function(evt) {
      evt.preventDefault();
      let url = '#{request.contextPath}/index.xhtml';
      let searchValue = $('#searchTextField').val();
      let data = new FormData();
      data.append('searchValue', searchValue);
      fetch(url, {
          body: data,
          method: "post"
      }).then(res =&gt; res.text()).then(text =&gt; {
          $('#results').append(data + '&lt;br/&gt;&lt;br/&gt;');
      });
  });
  </code></pre>