title: Changing the style display from none to block in javascript?
body: <p>Here is html code snippet</p>
  
  <pre><code>&lt;li style="opacity: 1;"&gt;
      &lt;a id="LinkDisplay" class="optionsDropDown" style="color:#FF0000;display:none" href="javascript:showThisLink('LinkId');"&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Here is jquery function which is being called at on load</p>
  
  <pre><code>$(function () {
      $.ajax({
          url: url,
          dataType: 'json',
          data: '',
          type: 'POST',
          success: function (data) {
              alert("Test");
              document.getElementById("LinkDisplay").style.diplay="block"; // line 1
              // after this line execution i should see the link as i have
              // changed the link display from none to block but it is still invisible
          });
      });
  }
  </code></pre>
  
  <p><strong>After  line  1 execution ,  I am not sure why my link is not becoming visible?</strong></p>