title: HTML page not showing values
body: <p>I a have a Python web app that sending parameter from the database to an HTML page 
  when the page is loaded i cant see the result.</p>
  
  <p>I have check in the network tab in inspect mode and i  can see  the values are getting to the page .</p>
  
  <p>The parameter that are not presented in the page are:
  chaccount_id ,bank_name ,Company, seq_id</p>
  
  <p>This is my code :</p>
  
  <pre><code>&lt;form id="accounts_form" method="post" enctype="multipart/form-data"&gt;
      {% csrf_token %}
      {% load staticfiles %}
  Account Number:&lt;input  list="accountslist" id="accounts_id" name="accountsname"  value="{{ Account_id }}" &gt;
  &lt;button id="getacc_id" type="submit" name="getacc" value="commit"&gt;Get Account Details&lt;/button&gt;
   &lt;img id="GETACC_loading" src="{% static "app/images/small_loading.gif" %}" hidden&gt;
      &lt;br /&gt;   &lt;br /&gt;
    &lt;br /&gt;&lt;br /&gt;
  
     &lt;datalist id="accountslist"&gt;
       &lt;select id="accounslist" size="5"&gt;
           {% for account in  accounts  %}
           &lt;option value="{{ account.0 }}"&gt;&lt;/option&gt;
           {% endfor %}
           &lt;/select&gt;
       &lt;/datalist&gt;
  
     &lt;/form&gt;
  
  
  &lt;table id="theTable" hidden&gt;
  &lt;thead&gt;
  &lt;tr&gt;
        &lt;td&gt;Account id&lt;/td&gt;
        &lt;td&gt;Bank Name&lt;/td&gt;
        &lt;td&gt;Company Name&lt;/td&gt;
        &lt;td&gt; Counter&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
  &lt;tr&gt;
    &lt;td&gt;{{ chaccount_id }}&lt;/td&gt;
    &lt;td&gt;{{ bank_name }}&lt;/td&gt;
    &lt;td&gt;{{ Company }}&lt;/td&gt;
    &lt;td&gt;{{ seq_id }}&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/tbody&gt;
  &lt;/table&gt;
   {% endblock %}
  {% block scripts %}
   &lt;link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css"&gt;
  &lt;script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      $(function () {
          $('#getacc_id').click(function(evt){
                 acctoshow=document.getElementById('accounts_id').value;
                  evt.preventDefault();
              $('#GETACC_loading').show();
              $.ajax({
                  type: "POST",
                  url: 'Accountinfo',
                  data: {
                      'acctoshow' : acctoshow,
                      'csrfmiddlewaretoken': '{{ csrf_token }}'
                  },
                  success: function (data, textStatus, jqXHR) {
                      $('#theTable').DataTable(
             {
  
                 stateSave: true,
                 "sDom": 'C&lt;"clear"&gt;rfrtip',
                 "scrollCollapse": true,
                 "paging": true,
                 responsive: true
          });    
      $('#theTable').show();             
                  },
                  error: function (XMLHttpRequest, textStatus, errorThrown) {
                      $('#rb_loading').hide();
                      alert("could not find accoutn detials, please try again!");
                  }
              })
          });
  
       $('#updaterec_id').click(function () {
              bankname=document.getElementById('newbanks_id').value;
              companyname=document.getElementById('newcompany_id').value;
              counterid=document.getElementById('ncounterid').value;
              accid=document.getElementById('retriveacc_id').value;
              $('#GETACC_loading').show();
              $.ajax({
                  type: "POST",
                  url: 'Accountinfo',
                  data: {
                      'bank' : bankname,
                      'company' : companyname,
                      'seq' : counterid,
                      'account' : accid,
                      'csrfmiddlewaretoken': '{{ csrf_token }}'
                  },
                  success: function (data, textStatus, jqXHR) {
                        $('#GETACC_loading').hide();      
                       alert("Account Details were updated!");
                  },
                  error: function (XMLHttpRequest, textStatus, errorThrown) {
                      $('#GETACC_loading').hide();
                      alert("could not update account detials, please try again!");
                  }
              })
          });
  
        });
      &lt;/script&gt;
      {% endblock %}
  </code></pre>
  
  <p>Thanks ,</p>
  
  <p>Nir </p>