title: load .txt file with JQUERY AJAX call to a textarea won't work if modified
body: <p>i'm trying to load .txt file in a <code>&lt;textarea&gt;</code>.</p>
  
  <p>The .txt url is chosen by user with a <code>&lt;select&gt;</code>.</p>
  
  <p>The problem is when the text in the textarea change.</p>
  
  <p>My function work only if textarea is clean.</p>
  
  <p>Can u help me?</p>
  
  <p>thanks in advance ;)</p>
  
  <p>mike</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;label for="text-template"&gt;Text selector:&lt;/label&gt;
  &lt;select name="text-template" class="select" id="text-template"&gt;
      &lt;option value="test1.txt" selected&gt;test.txt&lt;/option&gt;
      &lt;option value="test2.txt" selected&gt;test2.txt&lt;/option&gt;
      &lt;option value="test3.txt" selected&gt;test3.txt&lt;/option&gt;
                  &lt;/select&gt;
  
                  &lt;div id="loadtext" class="loadtext" onclick="loadFileAsText()"&gt;&lt;i class="fa fa-clipboard"&gt;&lt;/i&gt;Load Text&lt;/div&gt;
  
  &lt;textarea name="corpo" type="text" class="textarea" id="corpo" wrap="hard" placeholder="Insert text" required&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>JQUERY</p>
  
  <pre><code>function loadFileAsText()
  {
      alert ($("#text-template").val()),   
      $.ajax({
             url : $("#text-template").val(),
             cache : false,
             async: false,
             ifModified : false,
             dataType: "text",
             success : function (data) {
                 $("#corpo").html(data);
             }
         });
  }
  </code></pre>
  
  <p>:)</p>