title: How to Hide div element on successful ajax response?
body: <p>i'm trying to hide a div element on an ajax response. here is what i've tried:</p>
  
  <pre><code>&lt;div id="product-options-wrapper" class="product-options"&gt;&lt;!--where i am calling ajax--&gt;
  
  new Ajax.Request(url, 
       {
          parameters: {opt_product_id: 22},
          onSuccess: function(response) {
             // Handle the response content...
             if (response.responseText === "1") {
               $("showoutofstocknotifbox").show();
                 alert('it works'); //ajax response successful alert box shows
               $$('.product-options-bottom').hide(); //should hide a div element
             } else {
               $("showoutofstocknotifbox").hide();
             }
          },
       });
  &lt;/div&gt;
  &lt;div class="product-options-bottom"&gt;&lt;!--trying to hide on ajax success--&gt;&lt;/div&gt;
  </code></pre>
  
  <p>but this do nothing. i am using prototype javascript.
  how can i achieve this by correcting or modifying the above (javascript) code?</p>
  
  <p>thanks for your time.</p>