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: </div><!-- /page -->
  
  <script>
  var eventsJson = null
    var footballVal = 'on', campVal = 'on', recreationalVal = 'on', gymnasticsVal = "on", basketballVal = "on", tennisVal = "on", aquaticVal = "on", fitnessVal = "on", otherVal = "on";
  
    var eventsType = ['Football', 'Camp', 'Recreational', 'Basketball', 'Gymnastics', 'Tennis', 'Aquatic', 'Fitness', 'Other'];
  
negative.code:       }  
        var output = '';
        $.each(filteredEvents, function (index, value) {
          output += '<li><a href="#">' + value + '</a></li>';
        });
        $('#event-list').html(output).listview("refresh");
        console.log(filteredEvents);
  