jQuery : Get content of id
<p>Need some help with jQuery DOM. 
I need to extract the content of the id. I have a list that user can select and it will filter the <code>hotspot</code> of the map. After user select, I want <code>filtertitle</code> to display the new selected filter. I can apply the "id" to the filter title but not sure about the content because the content has Shopping / Dining. Someone please.</p>

<p>HTML</p>

<pre><code>&lt;div class="map-filter"&gt;
    &lt;div class="filtertitle"&gt;All Categories&lt;/div&gt;
    &lt;ul class="filter-list"&gt;
        &lt;li class="active" id="All Categories"&gt;All Categories&lt;/li&gt;
        &lt;li id="Shopping"&gt;Shopping/Dining&lt;/li&gt;
        &lt;li id="Hotel"&gt;Hotels &amp; Resorts&lt;/li&gt;
        &lt;li id="Art"&gt;Art Galleries&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>jQuery </p>

<pre><code>$('.filter-list li').click(function(){
    var id = $(this).attr('id');
    $(this).siblings().removeClass('active');
    $(this).addClass('active');
    $('.filtertitle').html(id); //This part is where I set the id 
});
</code></pre>