Active state disables link action.

Active state disables link action.

    Hi all, I have a function that sorts property listings, however when I add my active states through jQuery I loose the functionality (the page doesn't change or do anything). I assume I have to have a change var url function but Im not sure how to apply this to my code. I have included my php and jQuery below. I truly appreciate any help. Thanks in advance!


    1.         <?php
    2.             foreach( array('desc'=>$main_floor_master) as $asc_desc => $asc_desc_name ) {
    3.                 echo '<a class="filter-checkboxes" href="'; 
    4.                 echo add_query_arg( array( 'orderby' =>main_floor_master, 'order' => $asc_desc)
    5.                 );
    6.                 echo "\">Main Floor Master</a>";
    7.                 }
    8.         ?> 

    9.         <?php
    10.             foreach( array('desc'=>$status) as $asc_desc => $asc_desc_name ) {
    11.                 echo '<a class="filter-checkboxes"  href="'; 
    12.                 echo add_query_arg( array( 'orderby' => status, 'order' => $asc_desc)
    13.                 );
    14.                 echo "\">Quick Move In</a>";
    15.                 }
    16.         ?>

    17.     <script>
    18.         jQuery(document).ready(function($){
    19.             //active state  
    20.             $('.filter-checkboxes').click(function(e) {
    21.             e.preventDefault();
    22.             $('.active').toggleClass('active');
    23.             $(this).toggleClass('active');

    24.             });

    25.         });
    26.     </script>