Невозможно открыть всплывающий div на щелчке кнопки, который находится в стороне от GridView

У меня есть сетка и кнопка внутри. Я хочу сделать ссылку на простой всплывающий div из этой ссылки , Я хочу открыть его при нажатии кнопки.

Вот мой код HTML:

                        
                            
                                
                                    
                                    <div>
                                        <div id="overlay" class="web_dialog_overlay">
                                        </div>
                                        <div id="dialog" class="web_dialog">
                                            <table style="width: 100%; border: 0px;" cellpadding="3" cellspacing="0">
                                                <tr>
                                                    <td class="web_dialog_title">
                                                        Message
                                                    </td>
                                                    <td class="web_dialog_title align_right">
                                                        Close
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                         
                                                    </td>
                                                    <td>
                                                         
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" style="padding-left: 15px;">
                                                        <div id="brands">
                                                            <%#Eval("Message")%>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                         
                                                    </td>
                                                    <td>
                                                         
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" style="text-align: center;">
                                                        <input id="btnSubmit" type="button" value="Submit" />
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                
                                
                                
                            
                            
                                
                                    <%#Eval("Name")%>
                                
                                
                                
                            
                            
                                
                                    " class="EmailLink">
                                        <%#Eval("Email")%>
                                
                                
                                
                            
                            
                                
                                
                                
                                    <%#Eval("Phone")%>
                                
                                
                            
                            
                                
                                
                                
                                    <%#Eval("Subject")%>
                                
                                
                            
                            
                                
                                    
                                    
                                
                                
                                
                            
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    

Here is the CSS used for Pop Up

.web_dialog_overlay
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .15;
    filter: alpha(opacity=15);
    -moz-opacity: .15;
    z-index: 101;
    display: none;
}
.web_dialog
{
    display: none;
    position: fixed;
    width: 380px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 102;
    font-family: Verdana;
    font-size: 10pt;
}
.web_dialog_title
{
    border-bottom: solid 2px #336699;
    background-color: #336699;
    padding: 4px;
    color: White;
    font-weight: bold;
}
.web_dialog_title a
{
    color: White;
    text-decoration: none;
}
.align_right
{
    text-align: right;
}

And here is the jQuery code for pop up:

$(document).ready(function() {

$(function() {
    $('input[id*=hello]').click(function() {
        ShowDialog(true);
        e.preventDefault();
        return false;
    });
});


$('[id$=btnShowModal]').live('click', function (e) {
    ShowDialog(true);
    e.preventDefault();

});

$("#btnClose").click(function (e) {
    HideDialog();
    e.preventDefault();
});

$("#btnSubmit").click(function (e) {
    var brand = $("#brands input:radio:checked").val();
    $("#output").html("Your favorite mobile brand: " + brand);
    HideDialog();
    e.preventDefault();
});
});
function ShowDialog(modal) {
    $("#overlay").show();
    $("#dialog").fadeIn(300);
    if (modal) {
        $("#overlay").unbind("click");
    } else {
        $("#overlay").click(function (e) {
            HideDialog();
        });
    }
}

function HideDialog() {
    $("#overlay").hide();
    $("#dialog").fadeOut(300);
}