Why is my use of jQuery filter() not working
<p>I need to sort some events by date, genre and venue. When a checkbox or a date from the calendar is clicked, I want to only be shown events for that date and those checkboxex. For example, if I choose <strong>21</strong> from <strong>calendar</strong>, <strong>classical</strong> from genre checkboxes and <strong>Lucas theatre</strong> from venue checkbox, I want it to show me only the events on 21st which are in Lucas and are classical. And I want it to hide everything else.</p>

<p>However, my filter() to  show only the selected stuff seems to not be working. Am I wrong on the concept of the filter() or my use of it, or isthe problem something else?</p>

<p>This is my jQuery:</p>

<pre><code>$(function(){

    $('input').attr('checked', false);

    $('label.check').click(function(){
            if( $(this).find('input').is(':checked') ){
                $(this).find('input').attr('checked', false);
                $(this).removeClass('checked');
            } else {
                $(this).find('input').attr('checked', true);
                $(this).addClass('checked');
            }

            $(this).find('input').trigger('change');

            return false;
        });

    $('label.check, .calendar a').click(function(){
        $(this).toggleClass('active');
        filtering();
        return false;
    });

    function filtering(){
        var values = {}
        $('.search-options').each(function(){

            var attr_name = $(this).attr('name');
            var check_value = $(this).find('input:checked');
            var date_text = $(this).find('.calendar a.active');

            values[attr_name] = [];

            check_value.each(function(){
                values[attr_name].push('' + attr_name + '="' + $(this).val() + '"');
            });

            date_text.each(function(){
                values[attr_name].push('' + attr_name + '="' + $(this).text() + '"');
            });
        })

        for ( var i in values ){

            var joined = values[i].join()
            var match = $('.widget.left').filter(joined);
            match.show()
            console.log( match );
        };
    };
});
</code></pre>

<p>This is my HTML it is about:</p>

<pre><code>   &lt;div class="dd"&gt;
       &lt;div class="concerts check-group"&gt;
           &lt;form action="" method="post"&gt;
               &lt;div class="search-options left" name="date"&gt;
                    &lt;h3&gt;Select Dates&lt;/h3&gt;
                    &lt;div class="calendar-title"&gt;
                        &lt;h4&gt;March &amp;amp; April 2013&lt;/h4&gt;
                    &lt;/div&gt;
                    &lt;div class="calendar"&gt;
                        &lt;table width="100%" border="0" cellspacing="0" cellpadding="0"&gt;
                            &lt;tr&gt;
                                &lt;th&gt;s&lt;/th&gt;
                                &lt;th&gt;m&lt;/th&gt;
                                &lt;th&gt;t&lt;/th&gt;
                                &lt;th&gt;w&lt;/th&gt;
                                &lt;th&gt;t&lt;/th&gt;
                                &lt;th&gt;f&lt;/th&gt;
                                &lt;th&gt;s&lt;/th&gt;
                            &lt;/tr&gt;
                            &lt;tr&gt;
                                &lt;td class="disabled"&gt;17&lt;/td&gt;
                                &lt;td class="disabled"&gt;18&lt;/td&gt;
                                &lt;td class="disabled"&gt;19&lt;/td&gt;
                                &lt;td class="disabled"&gt;20&lt;/td&gt;
                                &lt;td&gt;&lt;a href="#"&gt;21&lt;/a&gt;&lt;/td&gt;
                                &lt;td&gt;&lt;a href="#"&gt;22&lt;/a&gt;&lt;/td&gt;
                                &lt;td&gt;&lt;a href="#"&gt;23&lt;/a&gt;&lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr&gt;
                                &lt;td&gt;&lt;a href="#"&gt;24&lt;/a&gt;&lt;/td&gt;
                                &lt;td&gt;&lt;a href="#"&gt;25&lt;/a&gt;&lt;/td&gt;
                                &lt;td&gt;&lt;a href="#"&gt;26&lt;/a&gt;&lt;/td&gt;
                                &lt;td&gt;&lt;a href="#"&gt;27&lt;/a&gt;&lt;/td&gt;
                                &lt;td&gt;&lt;a href="#"&gt;28&lt;/a&gt;&lt;/td&gt;
                                &lt;td&gt;&lt;a href="#"&gt;29&lt;/a&gt;&lt;/td&gt;
                                &lt;td&gt;&lt;a href="#"&gt;30&lt;/a&gt;&lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr&gt;
                                &lt;td&gt;&lt;a href="#"&gt;31&lt;/a&gt;&lt;/td&gt;
                                &lt;td&gt;&lt;a href="#"&gt;1&lt;/a&gt;&lt;/td&gt;
                                &lt;td&gt;&lt;a href="#"&gt;2&lt;/a&gt;&lt;/td&gt;
                                &lt;td&gt;&lt;a href="#"&gt;3&lt;/a&gt;&lt;/td&gt;
                                &lt;td&gt;&lt;a href="#"&gt;4&lt;/a&gt;&lt;/td&gt;
                                &lt;td&gt;&lt;a href="#"&gt;5&lt;/a&gt;&lt;/td&gt;
                                &lt;td&gt;&lt;a href="#"&gt;6&lt;/a&gt;&lt;/td&gt;
                            &lt;/tr&gt;
                        &lt;/table&gt;
                    &lt;/div&gt;
                &lt;/div&gt;

                &lt;div class="search-options left" name="genre"&gt;
                    &lt;h3&gt;genre&lt;/h3&gt;
                    &lt;div class="labels genre-vals"&gt;
                        &lt;label class="check"&gt;
                            &lt;span&gt;&lt;/span&gt;
                            &lt;input type="checkbox" class="checkfield all-check" value="all" checked="checked" /&gt;
                            All genres
                        &lt;/label&gt;
                        &lt;label class="check"&gt;
                            &lt;span&gt;&lt;/span&gt;
                            &lt;input type="checkbox" class="checkfield" value="jazz-and-blues" checked="checked" /&gt;
                            jazz &amp;amp; Blues
                        &lt;/label&gt;
                        &lt;label class="check"&gt;
                            &lt;span&gt;&lt;/span&gt;
                            &lt;input type="checkbox" class="checkfield" value="classical" checked="checked" /&gt;
                            Classical
                        &lt;/label&gt;
                        &lt;label class="check"&gt;
                            &lt;span&gt;&lt;/span&gt;
                            &lt;input type="checkbox" class="checkfield" value="americana" checked="checked" /&gt;
                            Americana
                        &lt;/label&gt;
                        &lt;label class="check"&gt;
                            &lt;span&gt;&lt;/span&gt;
                            &lt;input type="checkbox" class="checkfield" value="world-music" checked="checked" /&gt;
                            World Music
                        &lt;/label&gt;
                    &lt;/div&gt;
                &lt;/div&gt;

                &lt;div class="search-options wide right venue-vals" name="venue"&gt;
                    &lt;h3&gt;venues&lt;/h3&gt;
                    &lt;div class="col"&gt;
                        &lt;div class="labels"&gt;
                            &lt;label class="check"&gt;
                                &lt;span&gt;&lt;/span&gt;
                                &lt;input type="checkbox" class="checkfield all-check" value="all" checked="checked" /&gt;
                                All venues
                            &lt;/label&gt;
                            &lt;label class="check"&gt;
                                &lt;span&gt;&lt;/span&gt;
                                &lt;input type="checkbox" class="checkfield" value="telfair" checked="checked" /&gt;
                                Telfair Academy of Arts &amp;amp; Science
                            &lt;/label&gt;
                            &lt;label class="check"&gt;
                                &lt;span&gt;&lt;/span&gt;
                                &lt;input type="checkbox" class="checkfield" value="lucas" checked="checked" /&gt;
                                Lucas Theatre for the Arts
                            &lt;/label&gt;
                            &lt;label class="check"&gt;
                                &lt;span&gt;&lt;/span&gt;
                                &lt;input type="checkbox" class="checkfield" value="trustees" checked="checked" /&gt;
                                Trustees Theater
                            &lt;/label&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;

                    &lt;div class="col"&gt;
                        &lt;div class="labels"&gt;
                            &lt;label class="check"&gt;
                                &lt;span&gt;&lt;/span&gt;
                                &lt;input type="checkbox" class="checkfield" value="charles" checked="checked" /&gt;
                                Charles H. Morris Center
                            &lt;/label&gt;
                            &lt;label class="check"&gt;
                                &lt;span&gt;&lt;/span&gt;
                                &lt;input type="checkbox" class="checkfield" value="trinity" checked="checked" /&gt;
                                Trinity United Methodist Church
                            &lt;/label&gt;
                            &lt;label class="check"&gt;
                                &lt;span&gt;&lt;/span&gt;
                                &lt;input type="checkbox" class="checkfield" value="ships" checked="checked" /&gt;
                                Ships of the Sea North Garden
                            &lt;/label&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="cl"&gt;&amp;nbsp;&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="cl"&gt;&amp;nbsp;&lt;/div&gt;
            &lt;/form&gt;
        &lt;/div&gt;


    &lt;/div&gt;
    &lt;!-- end dropdown --&gt;

    &lt;!-- widgets --&gt;
    &lt;div class="events result-list"&gt;
        &lt;div class="widget left" date="22" genre="classical" venue="telfair"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="22" genre="jazz-and-blues" venue="lucas"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="22" genre="americana" venue="charles"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="23" genre="world-music" venue="telfair"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;


        &lt;div class="widget left" date="23" genre="classical" venue="trustees"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="24" genre="americana" venue="ships"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="24" genre="classical" venue="lucas"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="25" genre="jazz-and-blues" venue="trinity"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;


        &lt;div class="widget left" date="26" genre="jazz-and-blues" venue="charles"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="26" genre="classical" venue="telfair"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="26" genre="world-music" venue="charles"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="27" genre="americana" venue="trinity"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;


        &lt;div class="widget left" date="27" genre="classical" venue="lucas"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="28" genre="jazz-and-blues" venue="ships"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="28" genre="classical" venue="ships"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="29" genre="world-music" venue="telfair"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;


        &lt;div class="widget left" date="29" genre="americana" venue="trustees"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="30" genre="classical" venue="trustees"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="30" genre="world-music" venue="charles"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="31" genre="jazz-and-blues" venue="lucas"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;


        &lt;div class="widget left" date="31" genre="world-music" venue="trustees"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="1" genre="classical" venue="ships"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="2" genre="classical" venue="lucas"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="2" genre="jazz-and-blues" venue="trinity"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;


        &lt;div class="widget left" date="3" genre="classical" venue="charles"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="4" genre="jazz-and-blues" venue="telfair"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="5" genre="classical" venue="telfair"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="widget left" date="6" genre="americana" venue="ships"&gt;
            &lt;a href="#"&gt;
                &lt;span class="date"&gt;THUR 3/21&lt;/span&gt;
                &lt;img src="css/images/photo05.jpg" alt="" id="image1" /&gt;
            &lt;/a&gt;
            &lt;div class="widget-cnt"&gt;
                &lt;h4&gt;&lt;a href="#"&gt;Noon30: sweet singing harmony harmoneers&lt;/a&gt;&lt;/h4&gt;
                &lt;p&gt;12:30 pm | Charles H. Morris Center&lt;/p&gt;
                &lt;p&gt;Carrying forth the tradition of jubilee gospel greats the Fairfield Four and the Golden Gate Quartet,...&lt;/p&gt;
                &lt;div class="widget-links"&gt;
                    &lt;a href="#"&gt;read more&lt;/a&gt;
                    &lt;a href="#"&gt;buy tickets&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</code></pre>
