title: how to show div based on href of anchor tab lists in jquery
body: <p>I have multiple anchor tags and I want to match their <code>href</code> attribute. Based on the match a div should display. I have used the below code but it didn't work.</p>
  
  <pre><code>&lt;div class="form-group search-form" style="display: none;"&gt;
      &lt;input type="text" class="form-control"&gt;
  &lt;/div&gt;
  
  &lt;ul&gt;
      &lt;li&gt;&lt;a href="abc.aspx"&gt;1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="def.aspx"&gt;2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="ghi.aspx"&gt;3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>if ($("li a[href='abc.aspx']")) {                   
      $("input.search-form").css('display', 'block');
  }
  </code></pre>