title: how to define an empty class in jquery?
body: <p><a href="https://i.stack.imgur.com/vJRCD.png" rel="nofollow noreferrer">image table</a></p>
  <p>Currently, I'm doing a system where is manager can assign the job to workers. I have a table listing. In this table listing, when I click at Job Order Number, there will be a popup modal. What I'm having right now is, if the job status is pending, I want to show a different popup modal . Do you guys have any idea how can I achieve that ?</p>
  <p>Currently, I'm doing like this where I declare the modal popus using php class.</p>
  <pre><code> &lt;td id=&quot;testing&quot; data-id=&quot;&lt;?php echo $row['jobregister_id'];?&gt;&quot; class = &quot;&lt;?php echo $row[&quot;job_status&quot;]; ?&gt;&quot; data-target=&quot;doubleClick-info&quot;  onClick=&quot;document.getElementById('doubleClick-info').style.display='block'&quot;&gt;&lt;?php echo $row[&quot;job_order_number&quot;]; ?&gt;&lt;/td&gt;
      &lt;td&gt;&lt;?php echo $row[&quot;job_priority&quot;]; ?&gt;&lt;/td&gt;
      &lt;td&quot;&gt;&lt;?php echo $row[&quot;job_status&quot;]; ?&gt;&lt;/td&gt;
  </code></pre>
  <p>and here is my ajax for job status pending</p>
  <pre><code> &lt;div id=&quot;doubleClick-info&quot; class=&quot;modal&quot;&gt;
  &lt;div class=&quot;tabInfo&quot;&gt;
  
      &lt;input type=&quot;radio&quot; name=&quot;tabDoingInfo&quot; id=&quot;tabDoingInfo1&quot; checked=&quot;checked&quot;&gt;
      &lt;label for=&quot;tabDoingInfo1&quot; class=&quot;tabHeadingInfo&quot;&gt; Job Info &lt;/label&gt;
      &lt;div class=&quot;tab&quot; id=&quot;JobInfoTab&quot;&gt;
      &lt;div class=&quot;contentJobInfo&quot;&gt;
      &lt;div class=&quot;techClose&quot; data-dismiss=&quot;modal&quot; onclick=&quot;document.getElementById('doubleClick-info').style.display='none'&quot;&gt;&amp;times&lt;/div&gt;
      &lt;form action=&quot;homeindex.php&quot; method=&quot;post&quot;&gt;
      &lt;div class=&quot;info-details&quot;&gt;
      
      &lt;/div&gt;&lt;/form&gt;&lt;/div&gt;&lt;/div&gt;
  
      &lt;script type='text/javascript'&gt;
          $(document).ready(function () {
          $('body').on('click','.Pending',function(){
          // $('.JobInfo').click(function () {
          var jobregister_id = $(this).data('id');
  
          // AJAX request
          $.ajax({
          url: 'ajaxhomepending.php',
          type: 'post',
          data: { jobregister_id: jobregister_id },
          success: function (response) {
          // Add response in Modal body
          $('.info-details').html(response);
          // Display Modal
          $('#doubleClick-info').modal('show');
                      }
                  });
              });
          });
  
      &lt;/script&gt;
  </code></pre>
  <p>it all seems fine. i define the javascript using class. but when the class have no value, how do i define it ? do you guys have any idea how to do it. thank you so much.</p>