title: Can someone help me with my ajax code?
body: <p>I wanted to change the visibility of the thumbnail to visible right after when I click the button what should I do? please help me on this one because I cannot figure it out by myself because I do not know so much about ajax and web programming. Thanks in advance.<div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function ha(){
   $('#tabExe').click(function(event){
     $.ajax({
        url:'backEnd/ROOMS.php',
        success:function(result){
          $('#room1').css({ // this is just for style        
            "visibility" : "visible",
          }); 
        }
      });
    });
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;button style="border-radius:0px;" type="submit" name="tabExe" onClick="function ha();" id="tabExe" href="#Exec" class="btn btn-primary"&gt;
    Executive Room
  &lt;/button&gt;
              
  &lt;div id = "rm1" class="col-xs-12 col-md-3"&gt;
    &lt;a id="room1" value="sa" href="#" class="thumbnail" style="visibility:hidden;"&gt;
      &lt;img class="img-responsive" src="../backEnd/res/img/login/roomActive.png" style="width:100px;"&gt;
    &lt;/a&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>