$c->stash->{jobs} = [sort (keys %jobs)];

    my @jobs = sort (keys %jobs);
    $c->stash->{nrJobs} = scalar @jobs;
    splice @jobs, 250 if $c->stash->{filter} eq "";
    $c->stash->{jobs} = [@jobs];

  <input name="filter" type="text" class="input-large search-query" placeholder="Filter jobs..." [% HTML.attributes(value => filter) %]></input>

  <input name="filter" type="text" class="input-large search-query" placeholder="Search jobs by name" [% HTML.attributes(value => filter) %]></input>

  $('#filter-jobs').submit(function() {
    $('#filter-loading').show();
    $('#tabs-job-status').load("[% c.uri_for('/jobset' project.name jobset.name "job-status-tab") %]", $('#filter-jobs').serialize(), function(response, status, xhr) {

  function setFilter(filter) {
    $('#filter-loading').show().focus();
    $('#tabs-job-status').load("[% c.uri_for('/jobset' project.name jobset.name "job-status-tab") %]", filter, function(response, status, xhr) {

  };
  $('#filter-jobs').submit(function() {
    setFilter($('#filter-jobs').serialize());

  [% IF nrJobs > jobs.size %]
    <div class="alert">Showing the first [% jobs.size %] jobs only.  <a href="javascript:setFilter('filter=%')">Show all [% nrJobs %] jobs...</a></div>
  [% END %]