Jquery cannot select div
<pre><code>&lt;div id="contentChildren" class="frame"&gt;

&lt;div id="icon_com.tms.cms.article.Article_fc7be680-c0a8c88d-1be20c00-e3a2814e"&gt;
 &lt;a class="contentItem Article" href="http://localhost:9080/ekms/contentexplorer  /explorer.jsp?cn=contentExplorer.panel&amp;et=openMenu&amp;contentId=com.tms.cms.article.Article_fda4d360-c0a8c88d-ae8af400-e4f04255"&gt;
&lt;/div&gt;

&lt;/div&gt;
</code></pre>

<p>I have the above  html. i trying to use jquery to select the div inside the . that is the div id of "icon_com.tms.cms.article.Article_fc7be680-c0a8c88d-1be20c00-e3a2814e"</p>

<p>but it seems like it cannot be selected. i try using </p>

<pre><code>$("icon_com.tms.cms.article.Article_fc7be680-c0a8c88d-1be20c00-e3a2814e").html();
</code></pre>

<p>but it returns null. This is the function i used </p>

<pre><code>function _clickMenu(){              
  var parent = $(this).parent();
  var name = $(this).attr("name");
  var id = parent.attr("id");
  id = id.substr(5);

  $.getJSON(this.href, function(data){

  });
  var icon = "#icon_"+id;

  var x = $("#icon_com.tms.cms.article.Article_fc7be680-c0a8c88d-1be20c00-e3a2814e");
  alert("x : " + x.html());

  return false;
}
</code></pre>

<p>can anyone help me?</p>
