Remove the ID or text of the element that fires
<p>is there any way to remove the ID or text of the element that fires.For now firing on button adds/remove selected text, but if we clicked more than one, text from clicked button adds to list,when i second clicked on selected button, removes all text from list, but i need remove only selected.Any solution?</p>

<p><em><strong>jQuery</em></strong></p>

<pre><code>$(document).ready(function() {

    var txt = "";
    $("#_button").children().toggle(function() {

        txt = $(this).text();
        $(this).css("background", "blue");
        $("#place").append("&lt;td&gt;" + txt + "&lt;/td&gt;");

    }, function() {

        $("#place").children(this).remove();
        $(this).css("background", "red");

    });
});
</code></pre>

<p><em><strong>HTML</em></strong></p>

<pre><code>&lt;ul id="_button"&gt;
     &lt;li id="a" value="30"&gt;a&lt;/li&gt;
     &lt;li id="b" value="30"&gt;b&lt;/li&gt;
     &lt;li id="c" value="30"&gt;c&lt;/li&gt;
&lt;/ul&gt;
&lt;table&gt;
     &lt;tr id="place"&gt;
     &lt;/tr&gt;
&lt;/table&gt;
</code></pre>
