title: how to change the text of element created onload
body: <p>I used a plugin which creates buttons on page load and I want to change their texts on page load after that plugin creates them, so how can I do that using jquery?</p>
  
  <p>I use bootstrap data table and I want to change the labels and the buttons texts like next and previous and I want to change labels like the show label</p>
  
  <p>in my code this line of code <code>$('#results').DataTable();</code> creates the data table with its buttons so how cab I change the text if specific button.</p>
  
  <p><strong>Html Code</strong> </p>
  
  <pre><code>&lt;table id="results" class="table table-striped table-bordered" cellspacing="0" width="100%"&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;td&gt;إسم الموظف&lt;/td&gt;
          &lt;td&gt;رقم الموظف&lt;/td&gt;
          &lt;td&gt;الإدارة&lt;/td&gt;
          &lt;td&gt;مدير الجهة&lt;/td&gt;
          &lt;td&gt;مدير الإدارة&lt;/td&gt;
          &lt;td&gt;نوع الإجازة&lt;/td&gt;
          &lt;td&gt;تاريح بدء الإجازة&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>js code</strong></p>
  
  <pre><code>$(document).ready(function () {
      $('#results').DataTable();
  });
  </code></pre>