[jQuery] i can't use HTML ID's appended dynamically

[Aymen louati]

Hi Guys i'm having a serious problem :
i'm using a JSON File to bring data and append it into HTML element so
i can get few divs and a link <a> i automatically  generate the <a>
ID's then i select each ID and call a jdialog plugin so i can display
a dialog window
the problem is that the jdialog is not working based on generated ID's
but it works when ever i name it statically
i tried to change the position of the script puting in down the page
but still got nothing and yes i got this problem so many times i feel
like i'm having a missing part out the jquery puzzle  any information
would be so helpful and appreciated thank you this is a part of the
code

                <script type="text/javascript">
                $(document).ready(function() {

    $.getJSON('b.json', function(data) {
      $('#cont-reservation').empty();


      $.each(data, function(entryIndex, entry) {


          var date= entry['date'];

           if(date == $('#datepicker1').text()){
                        var html = '<div class="entry reservation" id="' + 
entry['id'] +
'">';

                        html += '<a href="javascript:return false;" ><div 
class="reserve-
ico' + entry['etat'] + '"></div></a>';
                        html += '<div class="time time ">' + entry['time'] + 
'</div>';
                        html += '</div>';
                        html += '</div>';

                        $('#cont-reservation').append(html);

       }
    });
    return true;
  });
});


                function jsonDate(){
                        $.getJSON('b.json', function(data) {
                                  $('#cont-reservation').empty();


                                $.each(data, function(entryIndex, entry) {

                                        var date= entry['date'];

                                        if(date == $('#datepicker1').text()){
                                                var html = '<div class="entry 
reservation" id="' + entry['id'] +
'">';
                                                        html += '<a 
href="javascript:return false;" ><div
class="reserve-ico' + entry['etat'] + '"></div></a>';
                                                html += '<div class="time time 
">' + entry['time'] + '</div>';
                                            html += '</div>';
                                                html += '</div>';
                                                
$('#cont-reservation').append(html);
                                        }
                                });
                                return true;
                        });
                }
                </script>