jquery display image
<p>I'm trying to learn jquery. So, first I thought of validating a textbox and check if its length is less than 4 display a stop image adjacent to it.Otherwise, if it is greater than 4 display tick image. SO, i did this</p>

<pre><code>   $(document).ready(function () {
      $('#' + '&lt;%= tbstreet1.ClientID %&gt;').keyup(isValid);
       function isValid() {
          var street1Length = $('#' + '&lt;%= tbstreet1.ClientID %&gt;').val().length;

          if (street1Length &gt; 4) {
              ShowStop(check);
          }
      };
      function ShowStop(isCheck) {
          if ($('#' + '&lt;%= tbstreet1.ClientID %&gt;').blur()) {
              if (isCheck == true) {
                  $('#' + '&lt;%= status.ClientID %&gt;').html('&lt;img align="absmiddle" 
                 src="~/tick.gif" /&gt; ');
              }
              else
                  $('#' + '&lt;%= status.ClientID %&gt;').html('&lt;img align="absmiddle" 
                  src="~/stop.gif" /&gt; ');
          }
      };
      function ActivateSave() {
          $("#MainContent_btn_save").removeAttr("disabled");
          $("#MainContent_btn_save").attr("enabled", "");
      };
  }); 
</code></pre>

<p>This is my aspx code</p>

<pre><code>   &lt;asp:Label runat="server" ID="street1" Text="Street1" &gt;&lt;/asp:Label&gt; 
   &lt;asp:TextBox ID="tbstreet1" runat="server"  &gt;&lt;/asp:TextBox&gt;  
   &lt;div id="status" runat="server"&gt;&lt;/div&gt; 
</code></pre>

<p>However, when i run it i dont get the image. Can u please let me know the mistake i've been doing?</p>
