Переменная Jquery не работает с событием Click

Question

Почему, черт возьми, это не работает ?? !!

$(document).ready(function(){

    var chooseSection = $("#chooseSection");
    var diabetesSection = $(".diabetesSection");

    chooseSection.live('click', function() {
        diabetesSection.css('display','block');
        setTimeout(function() {
            diabetesSection.addClass('fullfadeIn');
        },20);
        console.log("clicked")
    });

    });

HTML

<div class="row orders-header">
    <div id="orders-back" class="columns">
        <div id="orderCol" class="columns">
            <div class="theBackBtn">Active Orders</div>
        </div>
    </div>
    <div id="chooseSection" class="columns">
        <div class="order-header-btn">
            Choose Section...
        </div>
        <div id="popUp" class="diabetesSection" style="display: none; ">
                        <div class="pop-arrow"></div>
                        <div class="diabetesSection-options">
                            <ul>
                                <li>Suggested</li>
                                <li>Labs</li>
                                <li>Medications</li>
                                <li>Other Tests</li>
                                <li>Referrals</li>
                                <li>Office Procedures</li>
                                <li>Sets</li>
                            </ul>
                        </div>
                    </div>
    </div>
    <div class="columns" style="width:50%; float:right;">
        <input class="general-searchbar orders-search" placeholder="Search Orders...">
    </div>
 </div>

Answer 1

Что с этим не работает?

http://jsfiddle.net/rawsmell/RU2H8/2/

Отображает и добавляет class, так что div заканчивается на diabetesSection fullfadeIn.Как это должно работать?

Answer 2

Я пытался, и это хорошо работает ...

Убедитесь, что у вас есть оба элемента (элемент с идентификатором "chooseSection" и другой с классом "diabetesSection")

Или это конкретныйв любой браузер?