how to have more than 1 container using jquery masonry
===

I have a tabs set up on my website and I would like to use Masonry on the content of each tab, but I can only get it working on 1 tab at a time.

Initially I tried just using the generic <div id="#container"> selector and using that in each tab. This however just worked in the first tab. I then tried adding more container variables:

 

    <!--Masonry kit-->
    <script type="text/javascript" src="http://localhost/LazyDuck/masonry-site/js/jquery.masonry.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
	$(window).load(function() {
    
	var $container = $('#container');
    var $container = $('#dining');
	var $container = $('#events');
	var $container = $('#climbing');
	var $container = $('#wildlife');
	var $container = $('#shopping');
	var $container = $('#kids');
	var $container = $('#sport');
   

    $container.masonry({
      itemSelector: '.item',
      gutterWidth : 10,
      isAnimated: !Modernizr.csstransitions
    });
    });});
  
</script>
<!--End Masonry kit-->


But that doesn't work either. I'm sure this is a simple thing but my Javascript coding isn't so great. I guessed the above. :(


Many thanks in advance.

Ali.