jquery returning object instead of id : <p>i have</p>

<pre><code>&lt;li class="live_item" data-id="1"&gt;
                        &lt;span class="number"&gt;1&lt;/span&gt;
                        &lt;i class="fa fa-television" aria-hidden="true"&gt;&lt;/i&gt;
                        &lt;label&gt;Test&lt;/label&gt;
                  &lt;/li&gt;
</code></pre>

<p>And this</p>

<pre><code>$(".live_item").on("click",function(){

    alert($($(this).data("id")));
});
</code></pre>

<p>Can you tell my why it is retuning an object and not the number 1? What i'm doing wrong?</p>
