I wrote this code , and I need to handle click events with jquery , but it doesn't work in any browser , when I click any elements nothing happens. The divs has no z-index in css;

The hole news element adds dynamically
This is html code

<div class=news>

            <div class=meta-inform>

                <div id=waiting>not accepted</div>

                <div id=accpted>accepted</div>



                <div class=edit>

                <div class=editedBy id=editedBy >

                    <div id=editLabel  style=display:inline>edited by</div>

                    <div id=editorName  style=display:inline>arvin</div>

                </div>



                <div id=editTime class=editTime>

                    <div id=editDate style=display:inline >چdate</div>

                    <div id=editDate style=display:inline>time</div>

                </div>

                </div>



            </div>



        <div id=littleNews>

            <div id=number>1000</div>

            <div id=divider1></div>

            <div id=title>title</div>

            <div id=divider2></div>

            <div id=littleNewsTime>time</div>

            <div id=littleNewsDate>date</div>

            <div id=divider3></div>

            <div id=category>cat</div>

            <div id=part>part</div>

            <div id=segment>sgmnt</div>

            <div id=divider4></div>

            <div id=writer>writer</div>

            <div id=view>view post</div>

        </div>



        <div class=functions>

            <div id=edit>edit</div>

            <div id=delete>delete</div>

            <div id=accptThis>accept</div>

        </div>

        </div>

and this is my jquery codes

$(document).ready(function () {

    $(#littleNews).click(function () {

        alert(hi);

    });

}); 

and it doesn't works for any element in news class

I have this code and this code creates the whole div

$(#news).clone().appendTo(#mainDiv).attr(id,news+(i+1))