title: JSON hide "null" data
body: <p>I have a JSON file and I am displaying in a bootstrap table.</p>
  
  <p>Here is the code that I am using to display:</p>
  
  <pre><code>$(document).ready(function(){
      $.getJSON(url, function(data){
          content = '&lt;h1&gt;&lt;p class="p1"&gt;&lt;span class="s1"&gt;' + 
                    data.test.name + '&lt;/span&gt;&lt;/p&gt;&lt;/h1&gt;&lt;table class="table table-bordered"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Section:&lt;/td&gt;&lt;td&gt;' + 
                    data.test.section + '&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Synonyms:&lt;/td&gt;&lt;td&gt;' + 
                    data.test.synonyms + '&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Container:&lt;/td&gt;&lt;td&gt;' + 
                    data.test.container + '&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Reference Ranges:&lt;/td&gt;&lt;td&gt;' + 
                    data.test.reference + '&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Availability:&lt;/td&gt;&lt;td&gt;' + 
                    data.test.availability + '&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Special Handling:&lt;/td&gt;&lt;td&gt;' + 
                    data.test.specialHandling + '&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Additional Comments:&lt;/td&gt;&lt;td&gt;' + 
                    data.test.additionalComments + '&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;';
              $(content).appendTo("#main");
              $("#main").fadeIn( );
  
      });
  }); 
  </code></pre>
  
  <p>I am wanting to hide any value that is = to "null" and having a hard time.</p>