Using custom selectors in Jquery
<p>My code programmically creates <code>&lt;span&gt;</code> nodes with a custom ID. I am trying to access a specific one using Jquery but it doesn't want to work for me.</p>

<p>the html: </p>

<pre><code> &lt;div id="container"&gt;
    &lt;div id="header"&gt;
        &lt;span id="menu"&gt;
        &lt;/span&gt;
        &lt;center&gt;&lt;/center&gt;
        &lt;span id="refresh" runat="server"&gt;
        &lt;/span&gt;
    &lt;/div&gt;
    &lt;div id="content" runat="server"&gt;
    &lt;ul id="list" runat="server"&gt;&lt;/ul&gt;
    &lt;/div&gt;
    &lt;div id="article" runat="server"&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>the jquery:</p>

<pre><code>$(document).ready(function () {
    $("a").click(function () {
        var post = $(this).data('postid'); //this works and returns the postID selected.
        $('#list').slideUp(); //this hides all the anchor tags
        $('#' + 'post' + post).show(); //This is what is not working
    });
}); 
</code></pre>

<p>the .net c#</p>

<pre><code>    foreach (SyndicationItem item in feed.Items)
    {
        subject[count] = item.Title.Text;
        date[count] = item.PublishDate.DateTime.ToString();

        summary[count] = item.Summary.Text;
        list.InnerHtml += "&lt;a href=\"#\" data-postid=\"" + count +"\"&gt;&lt;li id=\"post" + count + "\"&gt;&lt;span id=\"bold\"&gt;" + subject[count] + "&lt;/span&gt;&lt;br&gt;" +
           "&lt;span id=\"posted-date\"&gt;Posted on: " + date[count] + "&lt;/span&gt;&lt;/li&gt;&lt;/a&gt;";
        article.InnerHtml += "&lt;span style=\"display: none;\" class=\"post\" id=\"post" + count + "\"&gt;" + summary[count] + "&lt;/span&gt;&lt;br&gt;";
        count++; 
    }
</code></pre>

<p>Pretty much when I click one of the anchor nodes, it grabs the postID and hides the list of anchor tags I have and is suppose to display(un-hide) the post that has the postID.</p>

<p>Please let me know if u need any more information.</p>
