$(location).attr('href'); not working
<p>I do not know why but I have problems with this code. The banner is displayed on every page although it has specified the attribute $(location).attr('href') you can help me?:</p>

<pre><code>&lt;div id="bottombar"&gt;
&lt;div class="bottom-content"&gt;
&lt;a href="http://www.cliente.org/" target="_blank"&gt;&lt;img src="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/images/banner/bottom-logo.png" alt="player-logo" /&gt;&lt;/a&gt;
&lt;a href="http://www.cliente.org/" target="_blank"&gt;&lt;img src="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/images/banner/bottom-txt.png" alt="player-slogan" /&gt;&lt;/a&gt;
&lt;img src="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/images/banner/bottom-download.png" alt="player-download" /&gt;
&lt;/div&gt;
&lt;div id="bottombarClose"&gt;&lt;p&gt;Chiudi&lt;/p&gt;&lt;/div&gt;
&lt;script type="text/javascript""&gt;
$(document).ready(function() {
var currentUrl = $(location).attr('href');
if(currentUrl == 'http://www.esempio.net/') 
$('#bottombar').show();
$("#bottombarClose").click(function() {
$('#bottombar').hide();
});
});
&lt;/script&gt;
&lt;/div&gt;
</code></pre>

<p>CSS Code:</p>

<pre><code>  div#bottombar {
  background-image: url(images/banner/player-bg3.png);
  background-repeat: repeat-x;
  bottom: 0;
  color: #FFFFFF;
  font-family: Arial,Helvetica,sans-serif;
  height: 100px;
  left: 0;
  margin: 0;
  position: fixed !important;
  width: 100%;
  z-index: 99999;
  display:none;
}

.bottom-content {
  bottom: 0;
  height: 97px;
  left: 50%;
  margin-left: -495px;
  position: absolute;
  width: 960px;
  z-index: 10;
}

#bottombarClose {
  cursor: pointer;
  float: right;
  padding: 55px 10px 0 0;
}
</code></pre>
