title: Referencing bootstrap class in JQuery for ASP generated HTML
body: <p>My page uses ASP (VBScript) to generate a div with bootstrap class 'alert' upon successful SQL submission.  What I want to happen is this - Once a user submits the form and the alert div appears, then they click on the first input field of the form, I want the alert div to disappear.  I have a feeling the issue lies with: </p>
  
  <p>A.) Referencing a div generated by ASP in JQuery
  B.) Referencing a div with multiple bootstrap classes
  C.) Maybe I'm breaking some golden rule that everyone knows and I don't.</p>
  
  <p>Any help would be much appreciated.  Code is below:</p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  
  $(function(){
  $("qName").click(function(){
      $(".alert").hide();
  });
  });
  
  &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;!-- #include virtual="/navbar.asp" --&gt;
  &lt;section&gt;
      &lt;div class='container'&gt;
          &lt;div class='row well well-lg'&gt;
              &lt;% 
                  If intStatus = 1 Then
                      Response.Write("&lt;div class='alert alert-success'&gt;&lt;h3 class='text-center'&gt;Entry Successful!&lt;/h3&gt;&lt;/div&gt;")
                  ElseIf intStatus = 2 Then
                      Response.Write("&lt;div class='alert alert-warning'&gt;&lt;h3 class='text-center'&gt;This query name already exists! Would you like to update the existing entry?&lt;/h3&gt;&lt;/div&gt;")
                  End If  
              %&gt;
              &lt;div class='text-center'&gt;
                  &lt;h3&gt;SQL Query Entry&lt;/h3&gt;
                  &lt;i&gt;Add SQL statements to be used by the Query Search Web Tool.&lt;/i&gt;&lt;br&gt;
              &lt;/div&gt;&lt;br&gt;
              &lt;form method="post" action="/webtools/queryadd.asp" class="form-horizontal" role="form" id="reportform"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label class="control-label col-sm-offset-2 col-sm-3" for="qName"&gt;Query Name: &lt;/label&gt;
                      &lt;div class="col-sm-4"&gt;
                          &lt;input type="text" class="form-control" id="qName" name="qName" placeholder="Enter Query Name (60 char max)" &lt;% If intStatus = 0 Then %&gt;value="&lt;%=Request.form("qName") %&gt;"&lt;% End If %&gt; maxlength="60" required&gt;
                      &lt;/div&gt;
  ...........................................
  </code></pre>