Disable Bootstrap glyphicon
<p>this div contains a link to open popup with bootstrap glypicon </p>

<pre><code>&lt;div class="panel-heading" id="divHeading"&gt;
                &lt;div class="panel-title"&gt;
                    My Header
                    &lt;a href="#" id="lnkPopup" data-toggle="modal" data-target="#bs-example-modal-lg"&gt;
                        &lt;span class="glyphicon glyphicon-briefcase pull-right" id="spOpenWindow"&gt;&lt;/span&gt;
                    &lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
</code></pre>

<p>The initial page load should disable the link. </p>

<pre><code>$(document).ready(function () {       
        $("#lnkPopup").off();
    });
</code></pre>

<p>but its not removing the click property, any idea?</p>