title: data-bind for the "dir" attribute (rtl/ltr) of html element
body: <p>My project is in <strong>durandal</strong>.</p>
  
  <p>I have an html page.
  In the page, there is a button, that where the user click on, the language of the table that in this page is changed from English to Hebrew, by special code behind.
  Now, I have a problem: I want the <strong>directory of the table's view</strong> to be changed, too.
  so I wrote:</p>
  
  <pre><code>    &lt;table style="width: 100%; height: 100%;" data-bind="dir:langDir"&gt;
      &lt;button data-bind="click:changeLanguage"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>The code behind is:</p>
  
  <pre><code> var vm = {
      langDir: ko.observable('ltr'),
  
      activate: function () {
  
      changeLanguage: function () {           
             //here there is some code of my apllication
              vm.langDir('rtl');
          }
  
      }        
  };
  return vm;
  </code></pre>
  
  <p>I have tried to put breakPoint at the changeLanguage function, it arrived to here, implement the code but nothing changed.</p>
  
  <p>Other data-bind code in my page- working wonderful. If I try to change the direction in the HTML code directly (not with binding) it works well. So the problem it just that I don't know how to do data-bind for the <code>"dir"</code> attribute.</p>