title: Hide <td> from table after AJAX refresh
body: <p>I have an HTML table with a hidden column (<code>td class="gtr"</code>). When I refresh the browser, the column stays hidden. However, there is a submit button in the middle of the page where users are asked to input their location (region). This button uses AJAX. When I refresh the AJAX (using the submit button), the table reveals the column I'm trying to hide. </p>
  
  <p>Any suggestions on how I can automatically hide this column after AJAX refresh?</p>
  
  <p>Here is the HTML:</p>
  
  <pre><code>            $schedule_in_arr = Direction_Session::get('schedule_id');
              $data_by_time = Direction_Session::get('data_by_time', array());
              ?&gt;
              &lt;?php if (!empty($value['schedule_info'])): ?&gt;
                  &lt;table class="jz-table jz-table-bordered jz-table-striped"&gt;
                      &lt;caption&gt;&lt;?php echo $value['location_name']; ?&gt;&lt;/caption&gt;
          &lt;?php if (!empty($value['schedule_info'])): ?&gt;
                          &lt;thead&gt;
                              &lt;tr&gt;
                                  &lt;td class="start"&gt;Start Date&lt;/td&gt;
                                  &lt;td class="duration" style="text-align: center;"&gt;Duration&lt;/td&gt;
                                  &lt;td class="time" style="text-align: center;"&gt;Time&lt;/td&gt;
                                  &lt;td class="gtr" style="display:none"&gt;&lt;span class="jz-popover-item" data-content="Guaranteed to Run"&gt;GTR&lt;/span&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                          &lt;/thead&gt;
                          &lt;tbody&gt;
  </code></pre>
  
  <p>Here is the Javascript:</p>
  
  <pre><code>var DirectionsBaseCourses = function () {
  var handleValidation = function () {
      jQuery('.loading').hide();
      jQuery('#btnShowClases').click(function () {
          var region_id = jQuery('#region_id').val();
          var from_date = jQuery('#fromDate').val();
          var to_date = jQuery('#toDate').val();
          var course_no = jQuery('#course_no').val();
          var course_id = jQuery('#course_id').val();
          if (region_id == "") {
              jQuery('&lt;div title="Message"&gt;Please select a region&lt;/div&gt;').dialog({
                  modal: true,
                  width: 200,
                  height: 100
              });
          } else {
              jQuery('.loading').show();
              var dataArr = {'region_id': region_id, 'from_date': from_date, 'to_date': to_date, 'course_no': course_no, 'course_id': course_id,};
              jQuery.ajax({
                  url: Drupal.settings.basePath + "course/search/region/api",
                  type: 'post',
                  cache: false,
                  datatype: 'json',
                  data: dataArr,
                  success: function (result) {
                      jQuery('.loading').hide();
                      var parsed = JSON.parse(result);
                      //jQuery('.result_search_region').html(result.data);
                      if (parsed.data.length &gt; 0) {
                          jQuery('.result_search_region').html(' ');
                          jQuery('.result_search_region').append('&lt;h5&gt;Course Availability&lt;/h5&gt;');
                          jQuery('.result_search_region').append(parsed.data);
                              $('td table').empty();
                      }
                      else{
                          jQuery('.result_search_region').html(jQuery('#dt_no_schedule').html());
                      }
  
  
                  }
              });
          }
      });
  };
  return {
      init: function () {
          handleValidation();
      }
  };
  
  }();
  </code></pre>