title: multiple calendars of different people on one page using fullcalendar plugin
body: <p><strong>Description :</strong></p>
  
  <p>jQuery plugin fullcalendar allows user to show a calender inside a div having an id "calendar"</p>
  
  <p>by the following code we can load the calendar on our page </p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id= "calendar" class="calender_box" style="display: hidden; "&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>JQuery</strong></p>
  
  <pre><code> $('#calendar').fullCalendar({
  
                      header: {
                      left: 'prev,next today',
                       center: 'title',
                      right: 'month,agendaWeek,agendaDay'
                      },
  
                      events: '../PHP/get_events.php'
                       });    
  </code></pre>
  
  <p>It works perfect!</p>
  
  <p><strong>After Changing ID's</strong></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id= "calendar_1" class="calender_box" style="display: hidden; "&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>JQuery</strong></p>
  
  <pre><code> $('#calendar_1').fullCalendar({
  
                      header: {
                      left: 'prev,next today',
                       center: 'title',
                      right: 'month,agendaWeek,agendaDay'
                      },
  
                      events: '../PHP/get_events.php'
                       });    
  </code></pre>
  
  <p>Nothing is shown except an empty box</p>
  
  <p><strong>The Problem :</strong></p>
  
  <p>I have tried to change the id from <code>$("#calendar")</code> to <code>$("#calendar_1")</code> but it did'nt work ... </p>
  
  <p>I have a page on which there is picture of a person and below is the icon of calendar when we click the calendar we can see the events of that person ... As far as there is one person it works perfect when the count goes to two I get stuck because there is no other id than "calendar" it accepts and id's are unique so it has to be different for every div ... What should I do ??</p>