title: How to pass dynamic parameter for events object of fullcalendar using json?
body: <p>I am using fullcalendar with json feed, the code is as follows</p>
  
  <pre><code>$('#calendar').fullCalendar({
          theme: true,
          header: {
              left: 'prev,next today',
              center: 'title',
              right: 'month,agendaWeek,agendaDay'
          },
          editable: true,
          events: {
              url: '/EventInfo/GetEventsByEmployee',
              cache: false,
              lazyFetching:true,
              type: 'POST',
              data: {
                  empId: $('#eventownerId').val()
              },
              error: function () {
                  alert('there was an error while fetching events!');
              },               
          },
          dayClick: function (date, allDay, jsEvent, view) {
              displayDayEvents(date, allDay, jsEvent, view);
          },
          eventRender: function (event, element) {
              element.find('.fc-event-time').hide();
              element.attr('title', event.tip);
          }
      });
  </code></pre>
  
  <p>Here I am passing selected value of drop down control through data field as "empId: $('#eventownerId').val()". It returns correct data at page load.
  Now I want to reload the calendar data when user selects option from drop down list.
  for this purpose I used following code</p>
  
  <pre><code>$('#eventownerId').change(function (e) {            
          $('#calendar').fullCalendar('removeEvents');
          $('#calendar').fullCalendar('refetchEvents');            
      });
  </code></pre>
  
  <p>But refetch calls the json method with old data (i.e. initial value of drop down control), even selected value of drop down has been changed.
  How I can pass current value of drop down control and reload the fullcalendar?</p>