title: Inertia/Jetstream return data to page without re-render
body: <p>New to Inertia and having some trouble figuring this out:</p>
  <p>I have a search bar on a Vue page and want to return a set of filtered results for the user to select as a dropdown from the search bar. I'm passing a query parameter from the search bar to the Laravel Controller and performing a where clause with the user query:</p>
  <pre><code>public function showFilteredResponse(Request $request)
  {
      $query = $request-&gt;query('query'); //Query passed from Vue
      $filteredResults = DB::table('documents')
          -&gt;where('title', 'like', '%' . $query . '%')-&gt;get();
  
      $filteredResults //this contains the data I want the front-end to have access to. 
                       //how can this data be passed to Vue without a full page re-render?
  
  }
  </code></pre>
  <p>How can the $filteredResults data be returned to the user without re-render of the whole page? To render an initial page with data I have the following:</p>
  <pre><code>return Jetstream::inertia()-&gt;render($request, '/home')-&gt;with('documents', $documents);
  </code></pre>
  <p>But if I want to add new data to a page without re-render how can this be done?</p>
  <p>If I use inertia()-&gt;render()-&gt;with(), then sure enough I can access the $filteredResults on the Vue page but I lose the props from the initial page load unless I duplicate queries which doesn't seem like the right way to go.</p>