title: how to pass parameter to $(document).ready() within .xsl file
body: <p>have a windows app, which spits a web page, when button is clicked. the format of the web page is built in a .xsl file, while the content gets populated within a .cs file. The .xsl has some .css within the  tag, jquery within the  tag followed by some html and .xsl code.
  the TABLE rows, whose colors are being set in the  tag, need to change, when the page loads,  depending on some value on the server side.</p>
  <p>is there a way to pass that value from server side to jquery within the .xsl side.</p>
  <p>here's a little part of the .xsl file</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>          $( document ).ready(function() {
            $("#tEntSetup tr.datarow").hide();
            $("#tEntOrg tr.datarow").hide();
            $("#tCoSetup tr.datarow").hide();
            $("#tEmpCount tr.datarow").hide();
            $("#tRuleCode tr.datarow").hide();
            $('#tVersionDetails').on('click', 'tr.header',function(){
            $(this).nextUntil('tr.header').slideToggle(200);
            });
            $('#tEntSetup').on('click', 'tr.header',function(){
            $(this).nextUntil('tr.header').slideToggle(200);
            });
            $('#tEntOrg').on('click', 'tr.header',function(){
            $(this).nextUntil('tr.header').slideToggle(200);
            });
            $('#tCoSetup').on('click', 'tr.header',function(){
            $(this).nextUntil('tr.header').slideToggle(200);
            });
            $('#tEmpCount').on('click', 'tr.header',function(){
            $(this).nextUntil('tr.header').slideToggle(200);
            });
            $('#tRuleCode').on('click', 'tr.header',function(){
            $(this).nextUntil('tr.header').slideToggle(200);
            });
  
            $('#tVersionDetails tr.header').css('background-color','#0073C2');
            });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>         
            table {
            font-family: arial, sans-serif;
            border-collapse: collapse;
            width: 100%;
            }
            td, th {
            border: 1px solid #dddddd;
            text-align: left;
            padding: 8px;
            }
            tr.datarow th {
            background-color: #ffeedd;
            }
            .header {
            background-color: #3EAA48;
            color:#FFFFFF;
            cursor: pointer;
            }
            .datarow{
            background-color: whitesmoke;
            }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;table class="gridtable" id="tVersionDetails"&gt;
            &lt;tr class="header"&gt;&lt;th colspan="2" class="Title"&gt;Version Details&lt;/th&gt;&lt;/tr&gt;
            &lt;tr class="datarow"&gt;
              &lt;th&gt;Title&lt;/th&gt;
              &lt;th&gt;Version&lt;/th&gt;
            &lt;/tr&gt;
            &lt;xsl:for-each select="//Information/ProductInformation/VersionInfo/data"&gt;
              &lt;tr class="datarow"&gt;
                &lt;td&gt;
                  &lt;xsl:value-of select="title"/&gt;
                &lt;/td&gt;
                &lt;td&gt;
                  &lt;xsl:value-of select="version"/&gt;
                &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/xsl:for-each&gt;
          &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>thanks so much for viewing my issue, and helping me out.</p>