javascript - Attaching event to element in jqMobi/jqUi header

Question

If I wire up a click event for a button that is part of a custom header or footer, the event never fires. I have to register the onclick event directly in the html.

<footer id='currentchatfooter'>
    <div id="footerdiv">
        <input type='button' id="cannedRespBtn" class='icon stack footerbutton' value='responses' />

        <input type="text" id="segment" class="jq-ui-forms seginput" />

        <a class='icon check'  id="sendBtn" onclick='document.smTouch.SendSegment($("#segment").val())'>send</a>
    </div>
</footer>

notice, the sendBtn anchor. I used to be able fire this event by declaring:

$("sendBtn").on('click', function(){instance.SendSegment($("#segment").val());});

It seems any elements within a header, footer, or modal do not get attached, or removed. I KNOW i am missing something