title: How to update a div in a View, by class, from another View?
body: <p>In my main view, I have an empty placeholder div that I fill with an inner view on a user click. I want to be able to have several copies of the same inner view in my main view, with different data tied to each inner view. </p>
  
  <p>The main view has its own model and controller, and the inner view has its own model and controller. When an item is selected in the main view, the inner view fills with data pertaining to the selection. I get this data from a web service based on the id of the item that was selected, so I can't fill the inner view's model with data, until that point.</p>
  
  <p>Since the multiple view divs can't all have the same ID, I can't use something like <code>@Ajax.ActionLink</code> with <code>UpdateTargetId</code>. Instead, I declared it <code>&lt;div class='placeholderDiv' title='@[some_unique_id]'&gt;</code>, and I can draw the multiple divs successfully using the following in my main view: </p>
  
  <pre><code>$.ajax(
  {
      type: 'POST',
      data: { 'id': id },
      dataType: 'html',
      url: '/MyController/MyMethod',
      success: function (result) {
          $(".placeholderDiv[title=" + id + "]").html(result);
      }
  });
  </code></pre>
  
  <p>Now, I want the user to be able to update the model in the inner view. I am able to do this in the inner view's controller, but I can't get the changes to display. How am I supposed to access the div with the class <code>placeholderDiv</code> in the main view, from the inner view?</p>