anchor.diff:  
     </div><!-- /panel -->
   
  -  <div data-role="page" id="home_page">
  -    <div data-role="header" data-theme="a">
  -         <h1>Header</h1>
  -
  -    </div>
  +  <div data-role="header" data-theme="a">
  +       <h1>Events</h1>
  +  </div>
       <!-- Header -->
  -    <div data-role="content">
  -        <ul data-role="listview" data-inset="true" id="event-list"></ul>
  -    </div>
  +  <div data-role="content">
  +      <ul data-role="listview" data-inset="true" id="event-list"></ul>
     </div>
   
     <div data-role="footer" data-position="fixed" data-tap-toggle="false" class="jqm-footer">
  
positive.code:       }  
        var output = '';
        $.each(filteredEvents, function (index, value) {
          output += '<li><a href="#">' + value.name + '</a></li>';
        });
        $('#event-list').html(output).listview("refresh");
        console.log(filteredEvents);
  
negative.code:         <div class="toggle-option" id="football">
            <label class="switch-label" for="flip-3">Football</label>
            <select name="flip-3" id="flip-3" data-role="flipswitch" data-mini="false">
              <option value="off" selected="selected">Off</option>
              <option value="on">On</option>
           </select>
          </div>
          <div class="toggle-option" id="camp">
  