sidebar-a in gantry even hoog maken als main content

Door het invoegen van een stukje jquery onderin de gantry template's index file, wordt de hoogte van de sidebar gelijk getrokken met de main content, en loopt je achtergrond kleur dus mooi door.

De code die ik heb gebruikt:

<div>
  <script type="text/javascript" src="/%3Ca%20href="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" target="_blank" rel="nofollow">http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
   <script>
    jQuery(document).ready(function() {
    var width = jQuery(window).width();
    var sidebar = jQuery("#rt-sidebar-b").height();
    var main = jQuery("#rt-main").height();
     var maxheight = Math.max(sidebar, main);
    if ((width >= 768))  {
    jQuery("#rt-sidebar-b").height(maxheight);
    }
    else{
    jQuery("#rt-sidebar-b").height("100%");
     }
    });

    jQuery(window).resize(function(){
    var width = jQuery(window).width();
    var sidebar = jQuery("#rt-sidebar-b").height();
    var main = jQuery("#rt-main").height();
     var maxheight = Math.max(sidebar, main);
    if ((width >= 768)) {
    jQuery("#rt-sidebar-b").height(maxheight);
    }
    else{
    jQuery("#rt-sidebar-b").height("100%");
     }
    });
  </script>
</div>