title: jQuery - change value of an input of the previous div
body: <p>I have this kind of code :</p>
  
  <pre><code>function changeValue(el) {
  
  }
  
  &lt;div class="tracklistOff"&gt;
      ...
  
      &lt;div class="sideon"&gt;
          ...
      &lt;/div&gt;
  
      &lt;div class="trackon"&gt;
          ...
      &lt;/div&gt;
  
      &lt;div class="sideon"&gt;
          ...
      &lt;/div&gt;
  
      &lt;div class="trackon"&gt;
          ...
      &lt;/div&gt;
  
      &lt;div class="sideon"&gt;
          &lt;span class="sideindex"&gt;&lt;input type="hidden" name="sidesOriginal[]" value="#" /&gt;&lt;/span&gt;
      &lt;/div&gt;
  
      &lt;div class="trackon"&gt;
          &lt;span class="trackbotton"&gt;&lt;a href="#" onClick="changeValue(this);return false"&gt;Edit&lt;/a&gt;&lt;/span&gt;
      &lt;/div&gt;
  
      &lt;div class="sideon"&gt;
          ...
      &lt;/div&gt;
  
      &lt;div class="trackon"&gt;
          ...
      &lt;/div&gt;
  
      &lt;div class="sideon"&gt;
          ...
      &lt;/div&gt;
  
      &lt;div class="trackon"&gt;
          ...
      &lt;/div&gt;        
  
      ...
  &lt;/div&gt;
  </code></pre>
  
  <p>and i'd like to change the value of sidesOriginal[] to "hello" by clicking on Edit and using only the <em>this</em> reference as starting position. I'll change only that value, on the previous <em>sideon</em>, not for each <em>sideon</em>. How can I do it in jQuery?</p>