title: How to Change the background image on particular date in calendar based on event name in Jquery mobile?
body: <p>I am attending to create event calendar using this <a href="https://github.com/JWGmeligMeyling/jqm-calendar" rel="nofollow">Calendar</a>.I have some regular events on every month like meeting,party,submission,workshop.my thought is how to change the background image on the date based on event name and also how to add the message remaining dates are no event dynamically.
  Here is My code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
    &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;My Page&lt;/title&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /&gt;
      &lt;link rel="stylesheet" href="jw-jqm-cal.css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="jw-jqm-cal.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          $(document).on('pageinit', "#view-calendar", function(event, ui) {
              var date = new Date();
              var d = date.getDate();
              var m = date.getMonth();
              var y = date.getFullYear();
              $("#calendar").jqmCalendar({
  
                  events: [{
                      "summary": "Birthday Dinnaer",
                      "begin": new Date(y, m, d + 10),
                      "end": new Date(y, m, d + 11)
                  }, {
                      "summary": "Meeting With Project Manager at Diamond Hall",
                      "begin": new Date(y, m, d + 3),
                      "end": new Date(y, m, d + 4)
                  },
  
                  ],
                  months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
                  days: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
                  startOfWeek: 0
              });
  
              $("#calendar").bind('change', function(event, date) {
                  console.log(date);
                  //$("#message").empty();
                  ///$("#message").append('&lt;p&gt;&lt;strong&gt;There is No event at'+date+'&lt;/strong&gt;&lt;/p&gt;');
              });
          })
      &lt;/script&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
      &lt;div data-role="page" id="view-calendar"&gt;
          &lt;div data-role="header"&gt;
               &lt;h1&gt;Tradition Calendar&lt;/h1&gt;
  
          &lt;/div&gt;
          &lt;div data-role="content"&gt;
              &lt;div id="calendar"&gt;&lt;/div&gt;
              &lt;div id="message"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>